@charset "UTF-8";
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-Black.woff2") format("woff2"), url("../fonts/Gilroy-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-BlackItalic.woff2") format("woff2"), url("../fonts/Gilroy-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-Bold.woff2") format("woff2"), url("../fonts/Gilroy-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-BoldItalic.woff2") format("woff2"), url("../fonts/Gilroy-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-Heavy.woff2") format("woff2"), url("../fonts/Gilroy-Heavy.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-HeavyItalic.woff2") format("woff2"), url("../fonts/Gilroy-HeavyItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-Light.woff2") format("woff2"), url("../fonts/Gilroy-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-LightItalic.woff2") format("woff2"), url("../fonts/Gilroy-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-Medium.woff2") format("woff2"), url("../fonts/Gilroy-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-MediumItalic.woff2") format("woff2"), url("../fonts/Gilroy-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-Semibold.woff2") format("woff2"), url("../fonts/Gilroy-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-SemiboldItalic.woff2") format("woff2"), url("../fonts/Gilroy-SemiboldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-Regular.woff2") format("woff2"), url("../fonts/Gilroy-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-RegularItalic.woff2") format("woff2"), url("../fonts/Gilroy-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-Thin.woff2") format("woff2"), url("../fonts/Gilroy-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-ThinItalic.woff2") format("woff2"), url("../fonts/Gilroy-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-UltraLight.woff2") format("woff2"), url("../fonts/Gilroy-UltraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-UltraLightItalic.woff2") format("woff2"), url("../fonts/Gilroy-UltraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-Extrabold.woff2") format("woff2"), url("../fonts/Gilroy-Extrabold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src: url("../fonts/Gilroy-ExtraboldItalic.woff2") format("woff2"), url("../fonts/Gilroy-ExtraboldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: ProximaNova;
  font-display: swap;
  src: url("../fonts/ProximaNova-Black.woff2") format("woff2"), url("../fonts/ProximaNova-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: ProximaNova;
  font-display: swap;
  src: url("../fonts/ProximaNova-BlackIt.woff2") format("woff2"), url("../fonts/ProximaNova-BlackIt.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: ProximaNova;
  font-display: swap;
  src: url("../fonts/ProximaNova-Bold.woff2") format("woff2"), url("../fonts/ProximaNova-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: ProximaNova;
  font-display: swap;
  src: url("../fonts/ProximaNova-BoldIt.woff2") format("woff2"), url("../fonts/ProximaNova-BoldIt.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: ProximaNova;
  font-display: swap;
  src: url("../fonts/ProximaNova-Extrabld.woff2") format("woff2"), url("../fonts/ProximaNova-Extrabld.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: ProximaNova;
  font-display: swap;
  src: url("../fonts/ProximaNova-ExtrabldIt.woff2") format("woff2"), url("../fonts/ProximaNova-ExtrabldIt.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: ProximaNova;
  font-display: swap;
  src: url("../fonts/ProximaNova-Light.woff2") format("woff2"), url("../fonts/ProximaNova-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: ProximaNova;
  font-display: swap;
  src: url("../fonts/ProximaNova-LightIt.woff2") format("woff2"), url("../fonts/ProximaNova-LightIt.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: ProximaNova;
  font-display: swap;
  src: url("../fonts/ProximaNova-Regular.woff2") format("woff2"), url("../fonts/ProximaNova-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: ProximaNova;
  font-display: swap;
  src: url("../fonts/ProximaNova-RegularIt.woff2") format("woff2"), url("../fonts/ProximaNova-RegularIt.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: ProximaNova;
  font-display: swap;
  src: url("../fonts/ProximaNova-Semibold.woff2") format("woff2"), url("../fonts/ProximaNova-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: ProximaNova;
  font-display: swap;
  src: url("../fonts/ProximaNova-SemiboldIt.woff2") format("woff2"), url("../fonts/ProximaNova-SemiboldIt.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: ProximaNova;
  font-display: swap;
  src: url("../fonts/ProximaNova-ThinIt.woff2") format("woff2"), url("../fonts/ProximaNova-ThinIt.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: ProximaNovaT;
  font-display: swap;
  src: url("../fonts/ProximaNovaT-Thin.woff2") format("woff2"), url("../fonts/ProximaNovaT-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

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

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  color: #454545;
  line-height: 1;
  font-family: "Gilroy";
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: "Gilroy";
  font-size: inherit;
}

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

a {
  color: inherit;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

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

.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  /* overflow: hidden; */
}
.wrapper > main {
  flex: 1 1 auto;
}
.wrapper > * {
  min-width: 0;
}

/*
(i) Стили будут применяться ко 
всем классам содержащим *__container
Например header__container, main__container и т.д.
Снипет (HTML): cnt
*/
[class*=__container] {
  box-sizing: content-box;
  padding: 0 0.9375rem;
}

[class*=-ibg] {
  position: relative;
}
[class*=-ibg] img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

[class*=-ibg_contain] img {
  object-fit: contain;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./img/icons/loading.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

/*
.icon-menu {
	display: none;
	@media (max-width: $mobile) {
		display: block;
		position: relative;
		width: 30px;
		height: 18px;
		cursor: pointer;
		z-index: 5;
		span,
		&::before,
		&::after {
			content: "";
			transition: all 0.3s ease 0s;
			left: 0px;
			position: absolute;
			width: 100%;
			height: 2px;
			background-color: #000;
		}
		&::before {
			top: 0px;
		}
		&::after {
			bottom: 0px;
		}
		span {
			top: calc(50% - 1px);
		}
		.menu-open & {
			span {
				transform: scale(0);
			}
			&::before {
				transform: rotate(-45deg);
				top: calc(50% - 1px);
			}
			&::after {
				transform: rotate(45deg);
				bottom: calc(50% - 1px);
			}
		}
	}
}
*/
:root {
  --1: #ff764a;
  --2: #454545;
  --3: #a9a9a9;
  --4: #eee;
  --5: #f6f6f6;
  --6: #fff;
  --7: rgba(250, 250, 250, 0.93);
  --font-family: "Gilroy", sans-serif;
  --second-family: "Proxima Nova", sans-serif;
  --padding-75: 7.5rem;
  --padding-50: 5rem;
}

html {
  font-size: 9px;
}
@media (max-width: 128.75em) {
  html {
    font-size: 0.625rem;
  }
}
@media (max-width: 111.25em) {
  html {
    font-size: 0.5208333333vw;
  }
}
@media (max-width: 71.875em) {
  html {
    font-size: 0.4375rem;
  }
}

body {
  font-weight: 400;
  line-height: 147%;
  color: var(--2);
  overflow-x: hidden;
}

body._lock {
  overflow-y: hidden;
}

* {
  box-sizing: border-box;
}

*::-webkit-scrollbar-track {
  color: var(--2);
}

*::-webkit-scrollbar {
  width: 3px;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 8px;
}

*::-webkit-scrollbar-thumb {
  background: var(--1);
  border-radius: 5px;
}

h1,
h2,
h3,
h4 {
  margin: 0;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
}

a {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

p {
  margin: 0;
}

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

fieldset,
legend {
  margin: 0;
  padding: 0;
  border: none;
}

svg {
  display: block;
  transition: fill 0.2s, stroke 0.2s;
}

.container {
  max-width: 1820px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 25px;
}
@media (max-width: 62.5em) {
  .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

[class*=__container] {
  max-width: 1820px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 0 0.9375rem;
}
@media (max-width: 62.5em) {
  [class*=__container] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.page-link {
  transition: color 0.2s;
}

.page-link:hover,
.page-link:focus,
.page-link:active {
  color: var(--1);
}

.page-link-comment {
  font-size: 14px;
  font-weight: bold;
}

.button-orange {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--6);
  background-color: var(--1);
  border: 0.1rem solid var(--1);
  transition: background-color 0.2s, color 0.2s;
}

.button-orange:hover,
.button-orange:active {
  color: var(--1);
  background-color: transparent;
}

.button-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--1);
  border: 0.1rem solid var(--1);
  transition: color 0.2s, background-color 0.2s;
}

.header__catalog._active {
  color: var(--1);
  background-color: transparent;
}

.button-empty:hover,
.button-empty:focus,
.button-empty:active {
  color: var(--6);
  background-color: var(--1);
}

.transition-show,
.menu__general-list-item-link._active + .transition-show {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  pointer-events: none;
}

._active + .transition-show,
._active .menu__general-list-item-link._active + .transition-show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.element-top {
  display: flex;
  align-items: center;
  gap: 4rem;
  margin-bottom: 7rem;
}

.element-top__right {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-left: auto;
  width: max-content;
}

.slider-control-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.04);
  transition: background-color 0.2s;
}

.slider-control-button:hover,
.slider-control-button:active {
  background-color: var(--2);
}

.slider-control-button svg {
  display: flex;
  width: 1.4rem;
  height: 1.4rem;
  fill: var(--2);
  transition: fill 0.2s;
}

.slider-control-button:hover svg,
.slider-control-button:active svg {
  fill: var(--6);
}

.page-title {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 3.4rem;
  line-height: 110%;
  color: var(--2);
}

.projects.container {
  width: auto;
}

.button-grey {
  display: flex;
  align-items: center;
  font-size: 16px;
  justify-content: center;
  color: var(--2);
  background: var(--4);
  border: 0.1rem solid var(--4);
  transition: background-color 0.2s, border 0.2s;
}

.button-grey:hover,
.button-grey:focus,
.button-grey:active {
  background-color: transparent;
  border-color: var(--2);
}

/*header*/
.header-wrapper {
  width: 100%;
}

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

.menu-sticky {
  display: none;
}

.menu-mobile {
  display: none;
}

.nav {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2.1rem;
  padding: 0;
  width: 100%;
  /* background: #f5f6f8; */
}

.nav:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  display: flex;
  width: 100vw;
  height: 100%;
  /* background: #f5f6f8; */
  transform: translateX(-50%);
}

.nav__city {
  position: relative;
  top: -2px;
  display: flex;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.4;
  color: var(--3);
}

.nav__city-open {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 1.8rem;
  color: var(--3);
  transition: color 0.3s;
}

.nav__city-open svg {
  display: block;
  width: 1.4rem;
  height: 2rem;
  fill: var(--3);
  transition: fill 0.2s;
}

.nav__city-open:hover svg,
.nav__city-open:focus svg,
.nav__city-open:active svg {
  fill: var(--1);
}

.nav__city-select {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  max-height: 400px;
  overflow-y: scroll;
  padding: 2.2rem 3.1rem;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.19);
  background: var(--6);
  border-radius: 1.6rem;
}

.nav__contact {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2.1rem;
}

.nav__contact-action {
  position: relative;
  padding-right: 2rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.8rem;
  color: var(--2);
  white-space: nowrap;
}

.nav__contact-action:before {
  content: "";
  position: absolute;
  top: 56%;
  right: 0;
  z-index: 1;
  display: block;
  border: 0.5rem solid transparent;
  border-top: 0.5rem solid var(--2);
  transform: translateY(-50%);
  transition: border 0.2s, top 0.2s;
}

.nav__contact-action:hover:before,
.nav__contact-action:focus:before,
.nav__contact-action:active:before {
  border-top: 0.5rem solid var(--1);
}

.nav__contact-action._active:before {
  top: 38%;
  border: 0.5rem solid transparent;
  border-bottom: 0.5rem solid var(--1);
}

.nav__contact-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding: 2.2rem 3.1rem;
  /* width: 37.1rem; */
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.19);
  background: var(--6);
  border-radius: 1.6rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.nav__contact-dropdown-link {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.8rem;
  color: var(--2);
  white-space: nowrap;
}

.nav__contact-dropdown-social {
  display: flex;
  gap: 1.4rem;
}

.nav__contact-dropdown-social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.8rem;
  width: 2.8rem;
  transition: transform 0.2s;
}

.nav__contact-dropdown-social-link:hover,
.nav__contact-dropdown-social-link:focus,
.nav__contact-dropdown-social-link:active {
  transform: scale(1.1);
}

.nav__contact-dropdown-social-link img {
  display: block;
  width: 100%;
  height: 100%;
}

.nav__contact-dropdown-line {
  display: flex;
  width: 100%;
  height: 0.1rem;
  background-color: #d1d1d1;
}

.nav-form {
  width: 100%;
}

.nav-form__title {
  display: block;
  margin-bottom: 1.6rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.6rem;
  color: var(--2);
}

.nav-form__block {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  gap: 0.5rem;
  width: 100%;
}

.nav-form__block-name {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.4rem;
  color: var(--3);
}

.nav-form__block-input {
  display: flex;
  align-items: center;
  padding: 0 2rem;
  width: 100%;
  height: 3.7rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.4rem;
  color: var(--2);
  border: 1px solid #d1d1d1;
  transition: border 0.2s;
}

.nav-form__block-input::placeholder {
  color: transparent;
}

.nav-form__block-input:hover,
.nav-form__block-input:focus {
  border-color: var(--1);
  outline: none !important;
}

.nav-form__send {
  margin-bottom: 1.6rem;
  width: 100%;
  height: 4.2rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.6rem;
  color: var(--6);
  border-radius: 0.7rem;
}

.nav-form__terms {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.2rem;
  color: var(--3);
  line-height: 1.5;
}

.nav-form__terms a {
  font-weight: 500;
  color: var(--1);
}

.nav__contact-dropdown-close {
  position: absolute;
  top: 2.5rem;
  right: 3.1rem;
  display: block;
  width: 1.3rem;
  height: 1.3rem;
}

.nav__contact-dropdown-close svg {
  display: block;
  width: 100%;
  height: 100%;
  stroke: #bcbcbc;
  transition: stroke 0.2s;
}

.nav__contact-dropdown-close:hover svg,
.nav__contact-dropdown-close:focus svg,
.nav__contact-dropdown-close:active svg {
  stroke: var(--1);
}

.nav__contact-email {
  display: flex;
  gap: 6px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1.8rem;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.2s;
}
.nav__contact-email:hover {
  color: var(--1);
}

.nav__contact-open {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1.8rem;
  color: var(--3);
  white-space: nowrap;
}

.nav__info {
  display: flex;
  align-items: center;
  gap: 2.9rem;
  margin-left: auto;
}

.nav__info-item {
  width: max-content;
  padding: 15px 0;
  position: relative;
}

.nav__info-item-link {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1.6rem;
  color: var(--3);
}

.nav__info-dropdown {
  display: none;
  flex-direction: column;
  position: absolute;
  z-index: 1;
  right: -15px;
  margin-top: 15px;
  box-shadow: 0 11px 19px 0 rgba(0, 0, 0, 0.09);
  border-radius: 8px;
  background: #fff;
  padding: 15px;
}
.nav__info-item:hover > .nav__info-dropdown {
  display: flex;
}

.header {
  display: flex;
  transition: all 0.3s ease;
  align-items: center;
  gap: 15px;
  justify-content: space-between;
  width: 100%;
  padding: 20px 0;
  width: 100%;
}

.header__logo {
  flex-shrink: 0;
  display: block;
  width: 18.7rem;
  height: 4.7rem;
}

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

.header__catalog {
  gap: 1.1rem;
  padding: 1rem 1.7rem 1rem 1.4rem;
  width: 12.6rem;
  height: 4.2rem;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 1.6rem;
  color: var(--6);
  border-radius: 0.7rem;
}

.header__catalog svg {
  display: block;
  width: 2.3rem;
  height: 1.3rem;
  fill: var(--6);
  transition: fill 0.2s;
}

.header__catalog:hover svg,
.header__catalog:active svg {
  fill: var(--1);
}

.header__search {
  position: relative;
  width: 100%;
  height: max-content;
}

.header__search-input {
  display: flex;
  align-items: center;
  padding: 0 2.5rem;
  width: 100%;
  height: 4.2rem;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1.7rem;
  color: var(--3);
  background: var(--5);
  border-radius: 0.7rem;
  border: 0.1rem solid var(--5);
  transition: border 0.2s;
}

.header__search-input:hover,
.header__search-input:focus {
  border-color: var(--1);
  outline: none;
}

.header__search-send {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.3rem;
  height: 4.2rem;
  transform: translateY(-50%);
}

.header__search-send svg {
  display: block;
  width: 2.3rem;
  height: 2.3rem;
  fill: transparent;
  stroke: var(--1);
  transition: stroke 0.2s;
}

.header__search-send:hover svg,
.header__search-send:focus svg,
.header__search-send:active svg {
  stroke: var(--2);
}

.header__control {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.header__control-login {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-right: 3.4rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.8rem;
  color: var(--3);
}

.header__control-login svg {
  display: block;
  min-width: 1.4rem;
  min-height: 1.6rem;
  width: 1.4rem;
  height: 1.6rem;
  fill: transparent;
  stroke: var(--3);
  transition: stroke 0.2s;
}

.header__control-login:hover svg,
.header__control-login:focus svg,
.header__control-login:active svg {
  stroke: var(--1);
}

.header__control-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__control-link:not(:last-child) {
  margin-right: 2.3rem;
}

.header__control-link svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: transparent;
  stroke: var(--2);
  transition: stroke 0.2s;
}

.header__control-link:hover svg,
.header__control-link:focus svg,
.header__control-link:active svg {
  stroke: var(--1);
}

.header__control-compare {
  width: 2.2rem;
  height: 2.2rem;
}

.header__control-cart {
  width: 2.3rem;
  height: 2.2rem;
}

.header__control-cart svg {
  stroke: transparent;
  fill: var(--2);
}

.header__control-cart:hover svg,
.header__control-cart:focus svg,
.header__control-cart:active svg {
  fill: var(--1);
  stroke: transparent;
}

.header__control-wishlist {
  width: 2.4rem;
  height: 2.2rem;
}

.header__control-link-span {
  position: absolute;
  top: -0.7rem;
  right: -1rem;
  z-index: 1;
  display: none;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.3rem;
  color: var(--6);
  border-radius: 100%;
  background-color: var(--1);
}
.header__control-link-span.active {
  display: flex;
}

.header-menu {
  position: relative;
  display: flex;
  align-items: center;
  /* padding: 14px 0; */
}

.header-menu:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  display: flex;
  width: 100vw;
  height: 100%;
  box-shadow: 0 11px 19px 0 rgba(0, 0, 0, 0.09);
  background: var(--6);
  transform: translateX(-50%);
}

.header-menu__list {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  gap: 15px;
  justify-content: space-between;
}

.header-menu__list-item {
  display: flex;
  align-items: center;
  width: max-content;
  height: 50px;
}
.header-menu__list-item:hover .dropdown-menu {
  display: flex !important;
  padding: 10px 0;
}

.header-menu__list-item:hover .dropdown-menu:before {
  content: '';
}

.dropdown-menu {
  line-height: 111%;
  position: absolute;
  top: 100%;
  z-index: 222;
  padding-top: 14px;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 20px 15px;
  padding-top: 40px;
  display: inline-flex;
  gap: 35px;
  row-gap: 45px;
  transition: all 0.3s ease 0s;
  right: 0;
  flex-wrap: wrap;
  z-index: 120997;
  line-height: 135%;
  flex-wrap: wrap;
}
.main-navigation .dropdown-menu {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dropdown-menu::before {
  content: "";
  background: #fff;
  width: 200vw;
  position: absolute;
  display: block;
  left: -50vw;
  height: 100%;
  top: 0px;
  z-index: -1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1333333333);
}
.header__search .dropdown-menu::before {
  display: none;
}
@media (max-width: 105em) {
  .dropdown-menu {
    gap: 24px;
  }
}

.dropdown-menu .col-xs-12 {
  width: calc(12% - 15px);
}
.dropdown-menu .col-xs-12 a {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  line-height: 111%;
  font-size: 1.8rem;
  font-weight: 500;
  transition: all 0.3s ease 0s;
}
.dropdown-menu .col-xs-12 a:hover {
  transform: scale(1.04);
}
@media (max-width: 100em) {
  .dropdown-menu .col-xs-12 a {
    font-size: 16px;
  }
}
.dropdown-menu .col-xs-12 img {
  max-width: 100%;
  object-fit: cover;
}

.main-nav-heading-mobile {
  width: 100%;
  font-weight: bold;
  display: none;
  font-size: 22px;
  margin-bottom: 10px;
}

.header-menu__list-item-link {
  position: relative;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1.8rem;
  color: #656565;
}

.header-menu__list-item-link:before {
  content: "";
  position: absolute;
  bottom: -0.4rem;
  left: 0;
  z-index: 1;
  display: flex;
  width: 0;
  height: 0.2rem;
  background: var(--1);
  transition: width 0.2s;
}

.header-menu__list-item-link:hover:before,
.header-menu__list-item-link:focus:before,
.header-menu__list-item-link:active:before {
  width: 100%;
}

.menu {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 5;
  display: flex;
  padding: 2.8rem 0 4rem 0;
  width: 100%;
  background: var(--6);
  transform: translateX(-50%);
  background: var(--6);
  pointer-events: none;
}

.menu:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  display: flex;
  width: 100vw;
  height: 100%;
  background: var(--6);
  transform: translateX(-50%);
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}

.menu._active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  z-index: 102100;
}

.menu__general {
  z-index: 2;
}

.menu__general-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  padding-right: 1.7rem;
  width: 22.9rem;
  border-right: 0.1rem solid var(--4);
}

@media (min-width: 1025px) {
  .menu__general-list {
    max-height: 540px;
    overflow-y: scroll;
  }
}

.menu__general-list-item {
  width: 100%;
}

.menu__general-list-item-link {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1.6rem;
  color: #656565;
  display: flex;
  gap: 8px;
  align-items: center;
}

.menu__general-list-item-link:hover,
.menu__general-list-item-link:focus,
.menu__general-list-item-link:active,
.menu__general-list-item-link._active {
  color: var(--1);
}

.menu-child-block {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding-top: 1.8rem;
  padding-left: 4.2rem;
  padding-bottom: 4rem;
  width: calc(100% - 22.9rem);
  background: var(--6);
}
.menu-children__columns {
  width: 100%;
  height: 100%;
  display: block;
  columns: 5;
}

@media (min-width: 1200px) {
  .menu-children__columns {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (min-width: 1025px) {
  .menu-child-block {
    max-height: 540px;
    overflow: hidden;
  }
}

.menu-child {
  width: auto;
  break-inside: avoid;
}

.menu-child__parent {
  display: flex;
  margin-bottom: 2rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.7rem;
  color: var(--2);
  transition: color 0.2s;
}

.menu-child__parent:hover,
.menu-child__parent:focus,
.menu-child__parent:active {
  color: var(--1);
}

.menu-child__children {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-bottom: 4rem;
}

.menu-child__children-item {
  width: 100%;
}

.menu__ttll {
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}

.menu-child__children-item-link {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: rgba(101, 101, 101, 0.8470588235);
  transition: color 0.2s;
}

.menu-child__children-item-link:hover,
.menu-child__children-item-link:focus,
.menu-child__children-item-link:active {
  color: var(--1);
}

/*home*/
.hero {
  padding: 3.2rem 0 2.1rem 0;
  /* background: var(--4); */
}

.hero__content {
  position: relative;
  margin-bottom: 2.3rem;
  height: 38.1rem;
}

.hero__content:before {
  content: "";
  display: none !important;
  position: absolute;
  top: 0;
  left: 2rem;
  z-index: 1;
  display: block;
  width: 52rem;
  height: 100%;
  border-radius: 1rem 0 0 1rem;
  background: linear-gradient(91deg, #fff 66.5%, rgba(255, 255, 255, 0) 100%);
}

.hero__content-info {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  transform: translateY(-50%);
  max-width: 50.1rem;
}
.hero-slider .hero-slider__slide:not(:first-child) .hero__content-info, 
.hero-slider .hero-slider__slide:not(:first-child) > a > img {
  display: none;
}
.hero-slider .slick-slide .hero-slider__slide .hero__content-info,
.hero-slider .slick-slide .hero-slider__slide > a > img {
  display: block;
}

@media (max-width: 769px) {
  .hero-slider__slide:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0.7;
  }
}

.hero__content-info-title {
  margin-bottom: 2rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 4rem;
  line-height: 103%;
  color: var(--2);
}

.hero__content-info-title span {
  display: inline-block;
  margin-right: 1rem;
  color: var(--1);
}

.hero__content-info-description {
  display: block;
  margin-bottom: 4rem;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 110%;
  color: var(--2);
}

.hero__content-info-callback {
  padding: 1rem 6.2rem;
  width: 13.7rem;
  height: 4.2rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.6rem;
  white-space: nowrap;
  border-radius: 0.6rem;
}

.hero__content-wrapper {
  margin-left: auto;
  /* max-width: 100rem; */
  width: 100%;
  height: 38.1rem;
}

.hero__content-wrapper-slider {
  height: 38.1rem;
}

.hero-slider {
  width: 100%;
  height: 38.1rem;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.hero-slider__slide {
  height: 100%;
}

.hero-slider__slide img {
  width: 100%;
  height: 38.1rem;
  border-radius: 1rem;
  object-fit: cover;
  position: relative;
}

@media (min-width: 769px) {
  .hero-slider__slide img {
    right: -38%;
  }
}
@media (min-width: 1024px) {
  .hero-slider__slide img {
    right: -30%;
    object-fit: contain;
    object-position: right;
  }
}
@media (min-width: 1025px) {
  .hero-slider__slide img {
    right: -10%;
  }
}
@media (min-width: 1100px) {
  .hero-slider__slide img {
    right: 0;
  }
}

.hero-slider-control {
  position: absolute;
  right: 8.9rem;
  bottom: 6.4rem;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 1rem;
  width: max-content;
}

.hero-slider-control__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  background-color: rgba(255, 255, 255, 0.31);
  border-radius: 50%;
  transition: background-color 0.2s;
}

.hero-slider-control__button:hover,
.hero-slider-control__button:active {
  background-color: var(--6);
}

.hero-slider-control__button svg {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  fill: var(--2);
  transition: fill 0.2s;
}

.hero-slider .slick-dots {
  left: auto;
  right: 23.7rem;
  bottom: 6.4rem;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  width: max-content;
}

.hero-slider .slick-dots li {
  width: max-content;
  height: max-content;
  margin: 0;
  padding: 0;
}

.hero-slider .slick-dots button {
  width: 1.3rem;
  height: 1.3rem;
  border: 0.1rem solid #ff764a;
  border-radius: 50%;
  background: transparent;
  transition: background-color 0.2s;
}

.hero-slider .slick-dots button:hover,
.hero-slider .slick-dots button:active,
.hero-slider .slick-dots .slick-active button {
  background-color: #ff764a;
}

.hero__category {
  padding-top: 2.2rem;
  width: 100%;
}

.hero__category-title {
  display: none;
}

.hero__category-slider .slick-track {
  display: flex;
  gap: 4rem;
}
@media (max-width: 62.5em) {
  .hero__category-slider .slick-track {
    gap: 0;
  }
}

.hero__category-slider {
  position: relative;
  width: 100%;
  display: flex;
  overflow-x: scroll;
  overflow-y: clip;
}
.hero__category-slider::-webkit-scrollbar {
  height: 4px;
}

.hero__category-slider:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  width: 0;
  height: 100%;
  background: var(--4);
}

.hero__category-slider-row {
  display: flex;
  gap: 20px;
}

@media (min-width: 1920px) {
  .hero__category-slider-row {
    width: 50%;
  }
  .hero__category-slider-slide {
    width: 20%;
  }
}

.hero__category-slider .slick-slide {
  flex: 1;
}

.hero__category-slider-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.6rem;
}

.hero__category-slider-slide-image {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.6rem;
  width: 100%;
  height: auto;
  background-color: var(--6);
  border-radius: 1rem;
}

.hero__category-slider-slide-image img {
  display: block;
  width: auto;
  height: auto;
  max-width: 13.9rem;
  max-height: 10.8rem;
}

.hero__category-slider-slide-name {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 114%;
  text-align: center;
  color: #979797;
}

/*hits*/
.hits {
  padding-top: 10rem;
  padding-bottom: var(--padding-50);
}

.hits__top-link {
  gap: 1.1rem;
  padding: 1.2rem 7.3rem;
  width: 23.7rem;
  height: 4.6rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 135%;
  color: var(--1);
  border-radius: 5.2rem;
}

.hits__top-link svg {
  display: block;
  width: 1.7rem;
  height: 1rem;
  fill: var(--1);
  transition: fill 0.2s;
}

.hits__top-link:hover svg,
.hits__top-link:focus svg,
.hits__top-link:active svg {
  fill: var(--6);
}

.product-block {
  position: relative;
  margin: 0 -3rem;
}

.product-block .slick-slide {
  padding: 0 3rem;
}

.zamer__form {
  font-size: 1.8rem;
}

.product-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.7rem;
  width: 100%;
  height: auto;
}

.product-card__image img {
  display: block;
  width: 100%;
  object-fit: cover;
  height: auto;
  max-width: 100%;
}

.product-card__caption {
  padding: 0 10px 10px 10px;
  position: relative;
}
@media (max-width: 768px) {
  .product-card__caption {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
}

.product-card__options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.9rem;
  width: 100%;
  gap: 10px;
}

.product-card__options-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 65%;
  max-width: 65%;
  position: relative;
}
.product-card__options-wrap > noindex {
  width: 100%;
}
.product-card__options-fix-noindex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.product-card__options-color {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  position: relative;
  padding-right: 15px;
}
@media (max-width: 48em) {
  .product-card__options-color, .product-card__options-wrap {
    max-width: 100%;
  }
}

.product-card__options-block {
  height: max-content;
  cursor: pointer;
  display: inline-block;
}
@media (max-width: 48em) {
  .product-card__options-block {
    height: 38px;
    width: 100%;
  }
  .tabs .product-card__options-block {
    height: 32px;
  }
}

.product-card__options-block-span {
  display: flex;
  border-radius: 0.4rem;
  width: 4.2rem;
  height: 4.2rem;
  box-shadow: 0.3rem 0.3rem 0.3rem 0 transparent;
  transition: box-shadow 0.2s;
}
@media (max-width: 48em) {
  .product-card__options-block-span {
    width: 100%;
    height: 100%;
  }
}

input:checked + .product-card__options-block-span {
  box-shadow: 0.3rem 0.3rem 0.3rem 0 rgba(0, 0, 0, 0.35);
}

.product-card__options-block:first-child .product-card__options-block-span {
  background: #887769;
}

.product-card__options-block:nth-child(2) .product-card__options-block-span {
  background: #dfb693;
}

.product-card__options-block:nth-child(3) .product-card__options-block-span {
  background: #eaeaea;
}

.product-card__options-block-input {
  display: none;
}

.product-card__options-block .hcol-image {
  width: 100%;
  height: 100%;
}

.product-card__options-stock {
  display: flex;
  align-items: center;
  min-width: 110px;
  gap: 1rem;
  padding-bottom: 10px;
}
@media (max-width: 48.75em) {
  .product-card__options-stock {
    display: none;
  }
}

.product-card__options-stock-value {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 109%;
  color: var(--3);
}

.compare__table .product-card__options-stock-value {
  font-size: 16px;
}

.product-card__options-stock-icon {
  display: flex;
  width: 1.9rem;
  height: 1.9rem;
}

.product-card__name {
  display: flex;
  white-space: nowrap;
  margin-bottom: 12px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 2rem;
  text-overflow: ellipsis;
  line-height: 109%;
  color: var(--2);
  position: relative;
  transition: color 0.2s;
  overflow: hidden;
}

.product-card__name:hover,
.product-card__name:focus,
.product-card__name:active {
  color: var(--1);
}

.product-card__price {
  display: flex;
  gap: 1rem;
  margin-bottom: 12px;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 3.2rem;
  color: var(--2);
}

.product-card__price-old {
  font-size: 2rem;
  font-weight: 400;
  color: #ff764a;
  text-decoration: line-through;
  text-decoration-color: #ff6f00;
}

.product-card__info {
  display: flex;
  align-items: center;
  gap: 1.9rem;
  margin-bottom: 1.2rem;
  width: 100%;
}

.product-card__info-rating {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.product-card__info-rating svg {
  display: flex;
  width: 2.6rem;
  height: 2.5rem;
  fill: #ffa588;
}

.product-card__info-rating-value {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 2rem;
  line-height: 109%;
  color: var(--2);
}

.product-card__info-separator {
  display: flex;
  width: 0.1rem;
  height: 1.6rem;
  background-color: var(--3);
}

.product-card__info-reviews {
  position: relative;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 2rem;
  line-height: 109%;
  color: var(--3);
  transition: color 0.2s;
}

.product-card__info-reviews:hover,
.product-card__info-reviews:focus,
.product-card__info-reviews:active {
  color: var(--1);
}

.product-card__info-reviews:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -1rem;
  z-index: 1;
  display: flex;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 0.1rem solid var(--3);
  border-right: 0.1rem solid var(--3);
  transform: translateY(-50%) rotate(45deg);
  transition: border 0.2s;
}

.product-card__info-reviews:hover:before,
.product-card__info-reviews:focus:before,
.product-card__info-reviews:active:before {
  border-color: var(--1);
}

.product-card__info-reviews-total {
  color: var(--1);
}

.product-card__control {
  display: flex;
  justify-content: space-between;
  gap: 2.3rem;
  width: 100%;
}

.product-card__control-cart {
  padding: 1.1rem 1.5rem;
  max-width: 14.2rem;
  width: 100%;
  height: 4.5rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.6rem;
  color: var(--1);
  white-space: nowrap;
  border-radius: 0.6rem;
}

.product-card__control-buy {
  padding: 1rem 1.5rem;
  max-width: 16.8rem;
  width: 100%;
  height: 4.5rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.6rem;
  color: var(--2);
  white-space: nowrap;
  border-radius: 0.6rem;
}

.product-card__bottom {
  display: none;
  position: absolute;
  left: 0;
  z-index: 3;
  background-color: #fff;
  width: 100%;
  padding: 10px;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 11px 19px 0 rgba(0, 0, 0, 0.09);
}
@media (min-width: 769px) {
  .product-card:hover .product-card__bottom {
    display: block;
  }
}

/*about*/
.about {
  position: relative;
  padding-top: var(--padding-50);
  /* padding-bottom: 14rem; */
}

.about__content-left .about-left-block:first-child {
  position: relative;
  padding: 30px 30px 30px 0;
}
.about__content-left .about-left-block:first-child:before {
  content: '';
  display: block;
  width: calc(100% + 100px);
  height: 100%;
  position: absolute;
  top: 0;
  left: -100px;
  z-index: -1;
  border-radius: 0 1.3rem 1.3rem 0;
  background: var(--5);
}

/* .about__content:before {
  content: "";
  position: absolute;
  top: -2.9rem;
  left: -198px;
  z-index: 0;
  display: flex;
  border-radius: 0 1.3rem 1.3rem 0;
  width: 77.8rem;
  height: 23.9rem;
  background: var(--5);
}
@media (max-width: 1500px) {
  .about__content:before {
    width: 79.8rem;
  }
}
@media (max-width: 1149px) {
  .about__content:before {
    width: 74.8rem;
  }
}
@media (max-width: 1024px) {
  .about__content:before {
    width: 63.8rem;
  }
}
@media (max-width: 86.25em) {
  .about__content:before {
    left: -160px;
  }
}
@media (max-width: 75em) {
  .about__content:before {
    left: -130px;
  }
} */

.about-right__bottom {
  position: relative;
  border-radius: 1.3rem 1.3rem;
  background: var(--5);
  padding: 30px;
}

/* .about-right__bottom:after {
  content: "";
  position: absolute;
  bottom: -5.1rem;
  right: -42px;
  z-index: -1;
  display: flex;
  border-radius: 1.3rem 0 0 1.3rem;
  width: 110%;
  height: 22.2rem;
  background: var(--5);
} */

.about__title {
  margin-bottom: 5rem;
}

.about__content {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 12.3rem;
}
@media (max-width: 81.25em) {
  .about__content {
    gap: 6rem;
  }
}

.about-left {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 6.2rem;
  width: 49rem;
  max-width: 48%;
}

.about-left-block {
  position: relative;
  width: 100%;
}

.about-left-block__title {
  display: flex;
  margin-bottom: 2.3rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 108%;
  color: var(--2);
}

.about-left-block__decoration {
  display: flex;
  margin-bottom: 2.3rem;
  width: 8rem;
  height: 0.8rem;
  background-color: var(--1);
}

.about-left-block:last-child .about-left-block__decoration {
  background-color: var(--3);
}

.about-left-block__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 147%;
  color: var(--2);
}

.about-right {
  display: flex;
  flex-direction: column;
  gap: 8rem;
  width: 91.2rem;
  max-width: 60%;
}

.about-right-mobile {
  display: none;
}

.about-right__top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.about-right__top-title {
  display: block;
  margin-bottom: 4.6rem;
  width: 100%;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 108%;
  color: var(--2);
}

.about-right__top-wrapper {
  display: flex;
  column-gap: 2.8rem;
  width: 100%;
}

.about-furniture {
  width: 16.4rem;
}
@media (max-width: 75em) {
  .about-furniture {
    width: 14.4rem;
  }
}

.about-furniture__image {
  display: block;
  margin-bottom: 2.2rem;
  width: auto;
  height: 7rem;
}

.about-furniture__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 130%;
  color: var(--2);
}

.about-right__bottom {
  width: 86.3rem;
  max-width: 100%;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 2.4rem;
  line-height: 149%;
  letter-spacing: 0.02em;
  color: var(--2);
}

.about-right__bottom strong {
  font-weight: 700;
}

/*sale*/
.sale {
  padding-top: var(---padding-75);
  padding-bottom: var(---padding-75);
}

.sale__top-link {
  gap: 1rem;
  padding: 1.2rem 3.4rem;
  width: 23.7rem;
  height: 4.5rem;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 132%;
  color: var(--2);
  white-space: nowrap;
  border-radius: 4.7rem;
}

.sale__top-link svg {
  display: block;
  width: 1.7rem;
  height: 1rem;
  fill: var(--2);
  transition: fill 0.2s;
}

/*advantages */
.advantages {
  position: relative;
  padding-top: var(--padding-50);
  padding-bottom: var(--padding-50);
}

.advantages:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 23.9rem;
  z-index: 1;
  display: flex;
  width: 100vw;
  height: 44.4rem;
  background: var(--5);
  transform: translateX(-50%);
}

.advantages__title {
  margin-bottom: 7rem;
}

.advantages__block {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 7rem 14rem;
  justify-content: space-between;
}
@media (max-width: 125em) {
  .advantages__block {
    gap: 6rem 8rem;
  }
}
@media (max-width: 111.25em) {
  .advantages__block {
    gap: 8rem 9rem;
  }
}

.advantages-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3.3rem;
  border-radius: 1rem;
  padding: 4.9rem 3rem;
  width: 30.1rem;
  height: 33.1rem;
  box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.12);
  background: var(--6);
}

.advantages-item__image {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 10.9rem;
}

.advantages-item__check {
  display: block;
  width: 2.3rem;
  height: 1.4rem;
}

.advantages-item__title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 2rem;
  line-height: 111%;
  text-align: center;
  color: var(--2);
}

/*view*/
.view {
  padding-top: var(--padding-50);
  padding-bottom: var(--padding-50);
}

.view__top-link {
  gap: 1rem;
  padding: 1.2rem 7.3rem;
  width: 23.7rem;
  height: 4.6rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 135%;
  color: var(--1);
  border: 1.5px solid var(--1);
  border-radius: 5.2rem;
}

.view__top-link svg {
  display: block;
  width: 1.7rem;
  height: 1rem;
  fill: var(--1);
  transition: fill 0.2s;
}

.view__top-link:hover svg,
.view__top-link:focus svg,
.view__top-link:active svg {
  fill: var(--6);
}

.works {
  padding-top: var(--padding-50);
  padding-bottom: var(--padding-50);
}

.works__title {
  margin-bottom: 7rem;
  text-align: center;
}

.works__block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 90px;
  margin: 0 auto;
  width: 100%;
  justify-content: center;
  max-width: 100%;
}

.works__block-item {
  position: relative;
}

.works__block-item-number {
  display: flex;
  justify-content: center;
  margin-bottom: 3.3rem;
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 19.8rem;
  text-stroke: 0.1rem var(--1);
  -webkit-text-stroke: 0.2rem var(--1);
  color: transparent;
  line-height: 1;
}
@media (max-width: 100em) {
  .works__block-item-number {
    font-size: 17rem;
    text-align: center;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 90em) {
  .works__block-item-number {
    font-size: 15rem;
  }
}

.works__block-item-text {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 2rem;
  line-height: 107%;
  text-align: center;
  color: var(--2);
}

.works__block-item-icon {
  position: absolute;
  top: 50%;
  right: -4rem;
  z-index: 1;
  display: block;
  width: 2.7rem;
  height: 0.2rem;
  background-color: var(--2);
  transform: translateY(-50%);
}
@media (max-width: 100em) {
  .works__block-item-icon {
    right: -4rem;
  }
}

.works__block-item-icon:before {
  content: "";
  position: absolute;
  top: -0.2rem;
  right: 0;
  z-index: 1;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 0.2rem solid var(--2);
  border-right: 0.2rem solid var(--2);
  transform: rotate(45deg);
}

.works__block-item-5 {
  display: flex;
  align-items: center;
  gap: 3.3rem;
  padding: 20px;
  align-items: center;
  text-align: center;
  flex-direction: column;
  padding: 20px 10px;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.172);
  padding-top: 0;
}

.works__block-item-5 .works__block-item-number {
  margin-bottom: 0;
  color: var(--1);
}

.works__block-item-5 .works__block-item-text {
  display: block;
  max-width: 36.1rem;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 2rem;
  color: var(--2);
}
@media (max-width: 90em) {
  .works__block-item-5 .works__block-item-text {
    max-width: 30rem;
  }
}

.works__block-item-5 .works__block-item-icon {
  left: -12.6rem;
  width: 5.7rem;
  background-color: var(--1);
}

.works__block-item-5 .works__block-item-icon:before {
  border-color: var(--1);
}

/*reviews*/
.reviews {
  padding-top: var(--padding-50);
  padding-bottom: var(--padding-50);
}

.reviews__top-link {
  gap: 1rem;
  padding: 1.2rem 2.1rem;
  /* width: 13.6rem; */
  height: 4.5rem;
  border-radius: 4.9rem;
}

.reviews__top-link svg {
  flex-shrink: 0;
  display: block;
  width: 1.7rem;
  height: 1rem;
  fill: var(--2);
  transition: fill 0.2s;
}

.reviews__block {
  position: relative;
}

.reviews__block .slick-slide {
  position: relative;
}

.review {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.6rem 1.6rem 1.8rem 1.7rem;
  min-height: 47.4rem;
  border-radius: 1rem;
  background: var(--7);
}

.review__rating {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.6rem;
}

.review__rating svg {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  fill: var(--1);
}

.review__image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.6rem;
  width: 100%;
}

.review__image img {
  display: block;
  border-radius: 1rem;
  max-width: 100%;
  width: auto;
  max-height: 21.1rem;
  height: auto;
}

.review__product {
  display: block;
  margin-bottom: 1.6rem;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 109%;
  color: var(--2);
}

.review__name {
  display: flex;
  gap: 1.7rem;
  margin-bottom: 1.9rem;
  width: 100%;
}

.review__name-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.8rem;
  height: 3.8rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 2rem;
  line-height: 109%;
  color: var(--2);
  border-radius: 50%;
  background-color: var(--4);
}

.review__name-value {
  width: max-content;
}

.review__name-value-man {
  display: inline-block;
  margin-bottom: 0.4rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 109%;
  color: var(--2);
}

.review__name-value-info {
  display: flex;
  gap: 1rem;
}

.review__name-value-info-date {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 109%;
  color: var(--3);
}

.review__name-value-info-city {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 109%;
  color: var(--3);
}

.review__text {
  position: relative;
  display: block;
  padding: 0 3.1rem;
  height: max-content;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 109%;
  color: var(--2);
  transition: max-height 0.2s;
  overflow-y: hidden;
}

.review:hover .review__text,
.review:focus .review__text,
.review:active .review__text {
  max-height: 35rem;
}

.review__text-quote-l,
.review__text-quote-r {
  position: absolute;
  top: 1rem;
  z-index: 1;
  display: block;
  width: 1.9rem;
  height: 1.9rem;
}

.review__text-quote-l {
  left: 0;
}

.review__text-quote-r {
  right: 0;
}

.review__text-link {
  gap: 1rem;
  margin: 2.5rem 0 0 auto;
  padding: 0.7rem 1.6rem;
  width: 12.3rem;
  height: 3rem;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 132%;
  color: var(--6);
  border-radius: 1rem;
}

.review__text-link svg {
  flex-shrink: 0;
  display: block;
  width: 1.7rem;
  height: 1rem;
  fill: var(--6);
}

/*documents*/
.documents {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: var(--padding-50);
  margin-bottom: var(--padding-50);
  padding-top: 6.3rem;
  padding-bottom: 5.8rem;
  width: 100%;
  box-shadow: 0 0.5rem 2.4rem 0 rgba(0, 0, 0, 0.12);
}

.documents:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  display: block;
  width: 100vw;
  height: 37.4rem;
  background: var(--5);
  transform: translateX(-50%);
}

.documents:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -3rem;
  z-index: 1;
  display: block;
  width: 100vw;
  height: 3rem;
  background: var(--6);
  transform: translateX(-50%);
}

.letter {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 8.4rem;
  width: 85rem;
}

.letter:before {
  content: "";
  position: absolute;
  right: -0.1rem;
  top: 0;
  height: 100%;
  width: 0.2rem;
  background-color: var(--5);
}

.certificate {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 8.4rem;
  width: 85rem;
}

.documents-title {
  margin-bottom: 3rem;
}

.documents-link {
  gap: 1rem;
  border-radius: 4.9rem;
  padding: 1.2rem 2.1rem;
  width: max-content;
  height: 4.5rem;
}

.documents-link svg {
  display: block;
  width: 1.7rem;
  height: 1rem;
  fill: var(--2);
}

.letter__block-image {
  display: flex;
  width: 75.4rem;
  height: 58.9rem;
  max-width: 100%;
}

.letter__block-image-mobile {
  display: none;
}

.certificate__block-image {
  display: flex;
  width: 75.3rem;
  height: 60.3rem;
  max-width: 100%;
}

.certificate__block-image-mobile {
  display: none;
}

/*projects*/
.projects {
  padding-top: var(--padding-50);
  padding-bottom: var(--padding-50);
  width: 100%;
}

.projects__top-link {
  gap: 1rem;
  padding: 1.2rem 2.1rem;
  width: 15.6rem;
  height: 4.5rem;
  border-radius: 5rem;
}

.element-top__mobile {
  display: none;
}

.projects__top-link svg {
  flex-shrink: 0;
  display: block;
  width: 1.7rem;
  height: 1rem;
  fill: var(--2);
}

.projects__block {
  position: relative;
}

.projects__block .slick-slide {
  position: relative;
}

.project {
  position: relative;
  padding: 1.6rem;
  height: 35rem;
  background: var(--7);
  border-radius: 1rem;
}

img.mobile-category__item-link-pict {
  width: 25px;
}

.project__image {
  display: block;
  margin-bottom: 1.7rem;
  max-width: 100%;
  max-height: 21.2rem;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
}

.project__name {
  display: block;
  margin-bottom: 1rem;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 109%;
  color: var(--2);
}

.project__attributes {
  font-size: 1.4rem;
  line-height: 109%;
  color: var(--2);
  max-width: calc(100% - 7.1rem);
}
.project__attributes > div {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
}
.project__attributes img {
  width: 24px;
}
@media (max-width: 768px) {
  .project__attributes {
    font-size: 14px;
  }
}

.project__more {
  position: absolute;
  right: 1.6rem;
  bottom: 1.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  padding: 1.1rem 2.2rem;
  width: 7.1rem;
  height: 4.4rem;
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.13);
  background: var(--6);
  border-radius: 1.1rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  pointer-events: none;
}

.project__more svg {
  display: block;
  width: 1.7rem;
  height: 1rem;
  fill: var(--2);
}

.project:hover .project__more,
.project:focus .project__more,
.project:active .project__more {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

/*news*/
.news {
  padding-top: var(--padding-50);
  padding-bottom: var(--padding-50);
}

.news__top-link {
  gap: 1rem;
  padding: 1.2rem 2.1rem;
  width: 19.6rem;
  height: 4.5rem;
  font-family: var(--font-family);
  font-size: 1.6rem;
  line-height: 132%;
  color: var(--2);
  white-space: nowrap;
  border-radius: 5rem;
}

.news__top-link svg {
  flex-shrink: 0;
  display: block;
  width: 1.7rem;
  height: 1rem;
}

.new {
  padding: 1.8rem 2.7rem;
  width: 33.3rem;
  min-height: 46.4rem;
  background: #fafafa;
  border-radius: 0.9rem;
  height: 100%;
}

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

.news__block .swiper-slide > div {
  height: 100%;
}
.new__image {
  display: block;
  margin-bottom: 2rem;
  max-width: 100%;
  max-height: 19rem;
  object-fit: cover;
  height: auto;
  width: auto;
  border-radius: 0.8rem;
}

.new__date {
  display: block;
  margin-bottom: 1.2rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 46%;
  color: #b0b0b0;
}

.new__title {
  display: block;
  margin-bottom: 1.6rem;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 137%;
  color: var(--2);
}

.new__text {
  display: block;
  margin-bottom: 1.2rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 145%;
  color: var(--2);
}

.new__more {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.1rem;
  padding: 1.1rem 2.2rem;
  width: 5.6rem;
  height: 2.7rem;
  box-shadow: 0 0.4rem 0.7rem 0 rgba(0, 0, 0, 0.08);
  background: var(--6);
  transition: background-color 0.2s;
}

.new__more:hover,
.new__more:focus,
.new__more:active {
  background-color: var(--1);
}

.new__more svg {
  display: block;
  width: 1.2rem;
  /* height: 0.5rem; */
  fill: transparent;
  stroke: var(--2);
  transition: stroke 0.2s;
}

.new__more:hover svg,
.new__more:focus svg,
.new__more:active svg {
  stroke: var(--6);
}

/*clients*/
.clients {
  /* padding-top: var(--padding-50);
  padding-bottom: var(--padding-50); */
}

.clients__title {
  margin-bottom: 7rem;
}

.clients__block {
  position: relative;
  margin: 0 0 0 -2rem;
}

.clients__block:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 2rem;
  height: 100%;
  background-color: var(--6);
}

.clients__block .slick-slide {
  padding: 0 2rem;
}

.clients__block-image {
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  padding: 1.3rem 4rem;
  width: 100%;
  height: 13.7rem;
  background: var(--5);
}

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

/*footer*/
footer {
  margin-top: 5rem;
  padding-top: 5rem;
  padding-bottom: 6.9rem;
  box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.12);
}

.footer-top {
  display: flex;
  align-items: center;
  gap: 7.4rem;
  width: 100%;
  justify-content: space-between;
}

.footer-top__logo {
  flex-shrink: 0;
  display: flex;
  width: 25.5rem;
  height: 6.4rem;
}

.footer-top__logo img {
  display: flex;
  width: 100%;
  height: 100%;
}

.footer-top__subscription {
  display: flex;
  align-items: center;
  gap: 2.9rem;
  padding: 2.3rem 4.7rem;
  width: 91rem;
  height: 10rem;
  border-radius: 1rem;
  box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.12);
  background: var(--6);
}

.footer-top__subscription-info-title {
  display: block;
  margin-bottom: 1rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 2rem;
  line-height: 111%;
  color: var(--2);
  text-transform: uppercase;
}

.footer-top__subscription-info-description {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 96%;
  color: var(--2);
}

.footer-top__subscription-send {
  display: flex;
  width: max-content;
  gap: 20px;
  height: max-content;
}

.footer-top__subscription-send-block {
  display: block;
  width: max-content;
  overflow: hidden;
  background: transparent;
  border-radius: 0.1rem;
}

.footer-top__subscription-send-block-input {
  display: flex;
  align-items: center;
  padding: 0 2.5rem;
  width: 39.1rem;
  height: 5.4rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 96%;
  color: var(--2);
  background: #efefef;
  border-radius: 0.7rem;
  border: 0.1rem solid #efefef;
  transition: border 0.2s;
}

.footer-top__subscription-send-block-input:hover,
.footer-top__subscription-send-block-input:focus {
  border-color: var(--1);
  outline: none;
}

.footer-top__subscription-send-send {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1.6rem;
  width: 6.4rem;
  height: 5.2rem;
  background: var(--1);
  border-radius: 0.7rem;
  border: 0.1rem solid var(--1);
  transition: background-color 0.2s;
}

.footer-top__subscription-send-send:hover,
.footer-top__subscription-send-send:focus,
.footer-top__subscription-send-send:active {
  background-color: transparent;
}

.footer-top__subscription-send-send svg {
  display: block;
  width: 1.7rem;
  height: 1rem;
  fill: var(--6);
  transition: fill 0.2s;
}

.footer-top__subscription-send-send:hover svg,
.footer-top__subscription-send-send:focus svg,
.footer-top__subscription-send-send:active svg {
  fill: var(--1);
}

.footer-top__control {
  display: flex;
  align-items: center;
  gap: 2.1rem;
}

.footer-top__control-button {
  display: none;
  align-items: center;
  justify-content: center;
  width: 8.8rem;
  height: 8.8rem;
  border-radius: 50%;
  transition: transform 0.2s;
}

.footer-top__control-button:hover,
.footer-top__control-button:focus,
.footer-top__control-button:active {
  transform: scale(1.1);
}

.footer-top__control-button img {
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.footer-top__control-up {
  background-color: rgba(241, 241, 241, 0.75);
}

.footer-top__control-up svg {
  display: flex;
  width: 1rem;
  height: 2.6rem;
  fill: var(--3);
}

.footer-bottom {
  display: flex;
  gap: 11.7rem;
  justify-content: space-between;
  padding: 8.6rem 0 4.3rem 0;
}
@media (max-width: 100em) {
  .footer-bottom {
    gap: 4.7rem;
  }
}

.footer-bottom__categories {
  display: flex;
  gap: 4rem;
  font-size: 24px;
}

.footer-block {
  min-width: 20%;
  width: 20%;
}
@media (max-width: 1150px) {
  .footer-block {
    min-width: auto;
    width: auto;
  }
}

.footer-block__title {
  display: flex;
  margin-bottom: 2rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 2rem;
  line-height: 112%;
  color: var(--2);
}

.footer-block__title > a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 2rem;
  line-height: 112%;
  color: var(--2);
}

.footer-block__list {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  margin-bottom: 4rem;
}

.footer-block__list-item {
  width: max-content;
}

.footer-block__list-item-link {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 96%;
  color: var(--2);
  transition: color 0.2s;
}

.footer-block__list-item-link:hover,
.footer-block__list-item-link:focus,
.footer-block__list-item-link:active {
  color: var(--1);
}

.footer-bottom__contacts {
  width: 33rem;
}

.footer-bottom__contacts-link {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 3.5rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 2rem;
  line-height: 108%;
  color: var(--2);
  transition: color 0.2s;
}

a.footer-bottom__contacts-link:hover,
a.footer-bottom__contacts-link:focus,
a.footer-bottom__contacts-link:active {
  color: var(--1);
}

.footer-bottom__contacts-link svg {
  flex-shrink: 0;
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  fill: var(--2);
  transition: fill 0.2s;
}

a.footer-bottom__contacts-link:hover svg,
a.footer-bottom__contacts-link:focus svg,
a.footer-bottom__contacts-link:active svg {
  fill: var(--1);
}

.footer-bottom__contacts-link-not {
  margin-bottom: 0;
}

.footer-bottom__contacts-open {
  display: block;
  margin-bottom: 3.5rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 108%;
  color: var(--2);
  padding-left: calc(25px + 1.5rem);
}

.footer-bottom__contacts-social {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.footer-bottom__contacts-social-link {
  display: flex;
  width: 4.3rem;
  height: 4.3rem;
  border-radius: 50%;
  transition: transform 0.2s;
}

.footer-bottom__contacts-social-link:hover,
.footer-bottom__contacts-social-link:focus,
.footer-bottom__contacts-social-link:active {
  transform: scale(1.1);
}

.footer-bottom__contacts-social-link img,
.footer-bottom__contacts-social-link svg {
  display: flex;
  width: 100%;
  height: 100%;
}
.footer-bottom__contacts-yandex-rating {
  width: 100%;
}

.footer-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  width: 100%;
}

.footer-info__link {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 109%;
  color: var(--2);
  transition: color 0.2s;
}

a.footer-info__link:hover,
a.footer-info__link:focus,
a.footer-info__link:active {
  color: var(--1);
}

.footer-info__link-underline {
  position: relative;
}

.footer-info__link-underline:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 0.1rem;
  background: var(--2);
  transition: background-color 0.2s;
}

.footer-info__link-underline:hover:before,
.footer-info__link-underline:focus:before,
.footer-info__link-underline:active:before {
  background: var(--1);
}

@media (max-width: 1600px) {
  .clients__block {
    margin: 0;
  }
}
@media (max-width: 1400px) {
  /*header*/
  .nav {
    gap: 1rem;
  }
  .nav__info {
    gap: 1.5rem;
  }
  .header-menu__list {
    gap: 5.7rem;
  }
  /*home*/
  .hero__category-slider {
    margin-left: 0;
    width: 100%;
  }
  .hero__category-slider .slick-slide {
    padding-left: 2rem;
  }
  .hero__category-slider:before {
    width: 2rem;
  }
  .product-block {
    margin: 0 -2rem;
  }
  .product-block:after {
    right: -0.1rem;
    width: 1.5rem;
  }
  .product-block .slick-slide {
    padding: 0 2rem;
  }
  .about:before {
    width: 53.8rem;
  }
  .about:after {
    width: 85.9rem;
  }
  .about-right__top-wrapper {
    gap: 2.8rem;
    flex-wrap: wrap;
    justify-content: center;
  }
  .product-block {
    margin: 0 -1rem;
    width: calc(100% + 2rem);
  }
  .product-card__control {
    gap: 1rem;
  }
  .product-card__control-buy {
    width: 14.8rem;
  }
  .advantages__block {
    gap: 5rem;
  }
  .reviews__block .slick-slide {
    padding: 0 2rem;
  }
  .letter {
    padding-right: 4rem;
    width: auto;
  }
  .letter__block-image {
    width: 55rem;
    height: auto;
  }
  .certificate {
    padding-left: 4rem;
    width: auto;
  }
  .certificate__block-image {
    width: 55rem;
    height: auto;
  }
  .clients__block {
    margin: 0 0 0 -2rem;
  }
  /*footer*/
  .footer-bottom {
    padding: 8.6rem 0 4.3rem 0;
  }
  .footer-bottom__categories {
    gap: 2rem;
  }
}
@media (max-width: 1300px) {
  .footer-top {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .footer-top__control {
    order: 2;
  }
  .footer-top__subscription {
    width: 100%;
    order: 3;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 0.9765625vw;
  }
  /*header*/
  .header-wrapper {
    display: none;
  }
  .header-wrapper-mobile {
    display: flex;
    align-items: center;
    gap: 1.8rem;
    padding: 2rem 0;
  }
  .nav-burger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 3rem;
    height: 2.4rem;
  }
  .nav-burger span {
    flex-shrink: 0;
    display: block;
    width: 100%;
    height: 0.3rem;
    background-color: #b0b0b0;
    transition: background-color 0.2s, transform 0.2s;
  }
  .nav-burger:hover span,
  .nav-burger:focus span,
  .nav-burger:active span {
    background-color: var(--1);
  }
  .nav-burger._active span:first-child {
    transform: rotate(45deg) translate(-0.1rem, 0.5rem);
    position: relative;
    top: 5px;
  }
  .nav-burger._active span:nth-child(2) {
    display: none;
  }
  .nav-burger._active span:last-child {
    transform: rotate(-45deg) translate(1rem, -1.5rem);
    position: relative;
    top: 5px;
  }
  .menu-sticky {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.9rem;
    width: 100vw;
    padding: 0.9rem 2rem 1.5rem 2rem;
    background-color: var(--6);
    box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.04);
  }
  .menu-sticky__control {
    display: flex;
    align-items: center;
    gap: 1.5rem;
  }
  .menu-sticky__control-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    height: max-content;
  }
  .menu-sticky__control-item-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
  }
  .menu-sticky__control-item-link svg {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    fill: #373737;
  }
  .menu-sticky__control-item-link:hover svg,
  .menu-sticky__control-item-link:focus svg,
  .menu-sticky__control-item-link:active svg {
    fill: var(--1);
  }
  .menu-sticky__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 2.9rem;
  }
  .menu-sticky__button svg {
    width: 100%;
    height: 100%;
    fill: transparent;
    stroke: #373737;
  }
  .menu-sticky__button:hover svg,
  .menu-sticky__button:focus svg,
  .menu-sticky__button:active svg {
    stroke: var(--1);
  }
  .menu-mobile {
    position: relative;
    display: none;
    margin: 0 -2rem;
    padding: 0 2rem 4.8rem 2rem;
    width: calc(100% + 4rem);
    /* background: #f5f6f8; */
  }
  .menu-mobile:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    display: block;
    width: 100vw;
    height: 100%;
    /* background: #f5f6f8; */
    transform: translateX(-50%);
  }
  .menu-mobile__search {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    padding: 1.1rem 0 1.6rem 0;
    width: 100%;
  }
  .menu-mobile__search-input {
    display: flex;
    align-items: center;
    padding-left: 2.9rem;
    height: 4rem;
    width: 100%;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 1.7rem;
    color: var(--3);
    background-color: var(--6);
    border: 1px solid #a9a9a9;
    border-radius: 10rem 0 0 10rem;
    transition: border 0.2s;
  }
  .menu-mobile__search-input:hover,
  .menu-mobile__search-input:focus {
    border-color: var(--1);
    outline: none;
  }
  .menu-mobile__search-input::placeholder {
    color: transparent;
  }
  .menu-mobile__search-span {
    position: absolute;
    top: 44%;
    left: 2.9rem;
    z-index: 1;
    display: block;
    padding: 0 0.2rem;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 1.7rem;
    color: var(--3);
    line-height: 1;
    background-color: var(--6);
    transition: top 0.2s, font-size 0.2s;
    transform: translateY(-50%);
  }
  .menu-mobile__search-input:focus + .menu-mobile__search-span,
  .menu-mobile__search-span._full {
    top: 1.2rem;
    font-size: 1.2rem;
  }
  .menu-mobile__search-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.5rem;
    height: 4rem;
    background-color: var(--6);
    border: 1px solid #a9a9a9;
    border-radius: 0 10rem 10rem 0;
    transition: background-color 0.2s;
  }
  .menu-mobile__search-button:hover,
  .menu-mobile__search-button:focus,
  .menu-mobile__search-button:active {
    background-color: var(--1);
  }
  .menu-mobile__search-button svg {
    width: 2.2rem;
    height: 2.4rem;
    stroke: var(--2);
    fill: transparent;
  }
  .menu-mobile__search-button:hover svg,
  .menu-mobile__search-button:focus svg,
  .menu-mobile__search-button:active svg {
    stroke: var(--6);
  }
  .menu-mobile__search-list {
    position: absolute;
    top: 77%;
    left: 50%;
    z-index: 1;
    display: none;
    font-size: 1.7rem;
    padding: 2rem;
    width: 97%;
    background-color: var(--6);
    border-radius: 0.5rem;
    transform: translateX(-50%);
  }
  .menu-mobile__search-list-item {
    transition: color 0.2s;
    cursor: pointer;
  }
  .menu-mobile__search-list-item:hover,
  .menu-mobile__search-list-item:focus,
  .menu-mobile__search-list-item:active {
    color: var(--1);
  }
  .menu-mobile__search-list-item:not(:last-child) {
    margin-bottom: 1rem;
  }
  .menu-mobile__block {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(100vh - 20.4rem);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .menu-mobile__block._hide {
    display: none;
  }
  .menu-mobile__block-catalog {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 2rem 0;
    width: 100%;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 2rem;
    text-align: center;
    color: var(--2);
    border-top: 0.1rem solid #d8d8d8;
    /* border-bottom: 0.1rem solid #d8d8d8; */
  }
  .menu-mobile__block-catalog svg:last-child {
    width: 1rem;
    height: 1.5rem;
  }
  .menu-mobile__block-catalog._active svg:first-child {
    display: block;
  }
  .menu-mobile__block-catalog._active svg:last-child {
    display: none;
  }
  .menu-mobile__block-list {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .menu-mobile__block-list-item {
    width: 100%;
  }
  .menu-mobile__block-list-item-link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 2rem 0;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 2rem;
    text-align: center;
    color: #212121;
    /* border-bottom: 0.1rem solid #d8d8d8; */
  }
  .menu-mobile__block-list-item-link > .icon {
    width: 1rem;
    height: 1.5rem;
  }
  .nav__contact {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.7rem;
    width: 100%;
  }
  .nav__contact-dropdown {
    position: relative;
    z-index: 1;
    display: none;
    margin: 0 -2rem;
    padding: 2rem;
    width: calc(100% + 4rem);
    box-shadow: none;
    background: transparent;
    border-radius: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  /*.nav__contact-dropdown:before {*/
  /*    content: '';*/
  /*    position: absolute;*/
  /*    top: 0;*/
  /*    left: 50%;*/
  /*    z-index: 1;*/
  /*    display: block;*/
  /*    width: 100vw;*/
  /*    height: 100%;*/
  /*    background-color: var(--6);*/
  /*    transform: translateX(-50%);*/
  /*}*/
  .nav__contact-dropdown-close {
    z-index: 2;
  }
  .nav__contact-dropdown-close svg {
    stroke: var(--2);
  }
  .nav__contact-dropdown-link {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 1.6rem;
  }
  .nav__contact-dropdown-line {
    display: none;
  }
  .nav__contact-dropdown-social {
    display: none;
  }
  .nav-form {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 40rem;
  }
  .mobile-category {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 3;
    display: block;
    padding: 0;
    width: 0;
    height: auto;
    min-height: 100%;
    background-color: #fff;
    overflow-x: hidden;
    transition: width 0.4s, padding 0.4s;
    transform: translateX(-50%);
  }
  .mobile-category._open {
    width: 100vw;
    padding: 0 2rem 4.8rem 3rem;
  }
  .mobile-category__item {
    width: 100%;
  }
  .mobile-category__item-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 2rem 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 2rem;
    line-height: 1.2;
    text-align: center;
    color: #212121;
    /* border-bottom: 0.1rem solid #d8d8d8; */
  }
  .mobile-category__item-left {
    display: flex;
    align-items: center;
    gap: 0.8rem;
  }
  .mobile-category__item-link svg {
    width: 2rem;
    height: 2rem;
  }
  .mobile-category__item-category-back {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1.4rem 0;
    width: 100%;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 1.9rem;
    color: var(--2);
    border-top: 0.1rem solid #d8d8d8;
    /* border-bottom: 0.1rem solid #d8d8d8; */
  }
  .mobile-category__item-category-back svg {
    width: 1.5rem;
    height: 2.2rem;
  }
  .mobile-category__item-link-pict {
    display: block;
    width: auto;
    height: auto;
    max-width: 2.5rem;
    max-height: 2.5rem;
  }
  .mobile-category__item-submenu {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 5;
    display: block;
    padding: 0;
    width: 0;
    height: auto;
    min-height: 100%;
    background-color: #fff;
    overflow-x: hidden;
    transition: width 0.4s, padding 0.4s;
    transform: translateX(-50%);
  }
  .mobile-category__item-submenu._open {
    width: 100vw;
    padding: 0 2.4rem 4.8rem 3.4rem;
  }
  .mobile-category__item-submenu-back {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 2rem 0;
    width: 100%;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 2rem;
    text-align: center;
    color: #212121;
    border-top: 0.1rem solid #d8d8d8;
    /* border-bottom: 0.1rem solid #d8d8d8; */
  }
  .mobile-category__item-submenu-back svg {
    width: 2rem;
    height: 2rem;
  }
  .mobile-submenu {
    width: 100%;
  }
  .mobile-submenu__item {
    width: 100%;
  }
  .mobile-submenu__item-list {
    display: flex;
    align-items: center;
    padding: 2rem 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 2rem;
    color: #212121;
    /* border-bottom: 0.1rem solid #d8d8d8; */
  }
  /*home*/
  .hero__category-slider {
    margin-left: 0;
    width: 100%;
  }
  .about__content {
    gap: 4rem;
  }
  .about:before {
    width: 48.8rem;
  }
  .about:after {
    width: 53.9rem;
    bottom: 11.9rem;
  }
  .advantages__block {
    justify-content: center;
  }
  .advantages-item {
    width: 29.3rem;
    height: 30.1rem;
  }
  .works__block-item-number {
    font-size: 12.8rem;
  }
  .works__block {
    gap: 6.8rem 10.2rem;
  }
  .works__block-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .works__block-item-icon {
    right: -5rem;
  }
  .works__block-item:nth-child(4) .works__block-item-icon {
    display: none;
  }
  .works__block-item-text {
    display: flex;
    max-width: 18rem;
  }
  .works__block-item-5 {
    gap: 0.6rem;
    margin: 0 auto 0 13.5rem;
    padding: 1.5rem 4.3rem 4rem 4.7rem;
    height: 21.9rem;
  }
  .works__block-item-5 .works__block-item-text {
    max-width: 41.1rem;
    font-size: 2rem;
    text-align: center;
  }
  /*footer*/
  footer {
    margin-top: 5rem;
    padding-top: 3.3rem;
  }
  .footer-top {
    gap: 4rem;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .footer-top__logo {
    order: 1;
    width: 18.5rem;
    height: auto;
  }
  .footer-top__control {
    order: 2;
  }
  .footer-top__subscription {
    order: 3;
  }
  .footer-top__subscription {
    width: 100%;
  }
  .footer-bottom {
    gap: 4rem;
  }
  .footer-bottom__categories {
    columns: 3;
    display: block;
  }
  .footer-block {
    break-inside: avoid;
  }
}
@media (max-width: 992px) {
  .review__text {
    max-height: unset;
  }
  .about__content {
    flex-direction: column;
  }
  .about-right {
    display: none;
  }
  .about-left {
    width: 100%;
    max-width: 100%;
  }
  .about__content:before {
    display: none;
  }
  .about-right-mobile {
    display: block;
    padding: 1.7rem 2rem 2rem 2rem;
    border-radius: 0.5rem;
    width: 100%;
    max-width: unset;
    background-color: var(--6);
  }
  .about-left-block__title {
    margin-bottom: 1.5rem;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 108%;
    color: var(--2);
  }
  .about-left-block__decoration {
    margin-bottom: 1.5rem;
    width: 8rem;
    height: 0.4rem;
  }
  .about-left-block__text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 147%;
    color: var(--2);
  }
  .about-right__top-title {
    display: block;
    margin-bottom: 2.7rem;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 108%;
    text-align: center;
    color: var(--2);
  }
  .about-furniture__image {
    margin: 0 auto 1.7rem auto;
    width: auto;
    height: 5.6rem;
  }
  .about-furniture__text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 116%;
    text-align: center;
    color: var(--2);
  }
  .about {
    padding-bottom: var(--padding-50);
  }
}
@media (max-width: 768px) {
  :root {
    --padding-75: 2.5rem;
  }
  html {
    font-size: 1.3020833333vw;
  }
  main {
    /* background: var(--4); */
  }
  .page-title {
    margin-bottom: 3rem;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 110%;
    color: var(--2);
  }
  .element-top {
    margin-bottom: 0;
  }
  .element-top__button {
    display: none;
  }
  .element-top__right {
    display: none;
  }
  /*home*/
  .hero {
    padding: 3rem 0 2.1rem 0;
  }
  .hero-slider-control__button {
    display: none;
  }
  .hero__content {
    margin-bottom: 5rem;
    padding: 0;
    height: 33.5rem;
  }
  .hero__content:before {
    top: 0;
    left: 0;
    width: 50%;
    border-radius: 0;
  }
  .hero__content-info {
    position: absolute;
    top: 4rem;
    left: 2rem;
    z-index: 2;
    transform: none;
    max-width: 26.6rem;
  }
  .hero__content-info-title {
    margin-bottom: 2.4rem;
    font-size: 3rem;
    line-height: 96%;
  }
  .hero__content-info-description {
    margin-bottom: 2.4rem;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    max-width: 15rem;
  }
  .hero-slider .slick-dots {
    left: 50%;
    right: auto;
    bottom: 1.5rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.1rem;
    width: max-content;
    transform: translateX(-50%);
  }
  .hero-slider__slide img {
    height: 33.5rem;
    border-radius: 0;
  }
  .hero-slider {
    height: 33.5rem;
  }
  .hero__category {
    margin: 0;
    padding-top: 0;
  }
  .hero__category-title {
    display: block;
    padding: 0;
  }
  .hero__category-slider {
    margin: 0;
    padding: 0 0;
    width: 100%;
    flex-direction: column;
  }
  .hero__category-slider:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    width: 1rem;
    height: 100%;
    background: var(--4);
  }
  .hero__category-slider:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    width: 1rem;
    height: 100%;
    background: var(--4);
  }
  .hero__category-slider .slick-slide {
    padding: 0;
  }
  .hero .hero__category-slider .slick-track {
    gap: 1.5rem;
  }

  .hero__category-slider-row {
    gap: 10px;
  }

  .hero__category-slider-slide {
    width: calc(33.3% - 10px);
    min-width: calc(33.3% - 10px);
    margin: 1rem 0;
    padding-bottom: 0.7rem;
    border-radius: 0.5rem;
    background: var(--6);
  }
  .hero__category-slider-slide-image {
    margin-bottom: 0.7rem;
  }
  .hero__category-slider-slide-name {
    font-weight: 400;
    font-size: 16px;
    line-height: 114%;
    min-height: 3.2rem;
  }
  .hits {
    padding-top: 5rem;
  }
  .product-block {
    margin: 0 -1.5rem;
    width: 100%;
    overflow-x: hidden;
  }
  .product-block .slick-slide {
    padding: 0 1.5rem;
  }
  .product-card__image {
    margin-bottom: 2.2rem;
    border-radius: 0.5rem;
  }
  .product-card__options {
    margin-bottom: 15px;
  }
  .product-card__name {
    margin-bottom: 1.4rem;
    font-weight: 400;
    font-size: 1.7rem;
    white-space: wrap;
    line-height: 114%;
    width: 100%;
    max-width: 100%;
    /* height: 32px; */
    flex: 1;
  }
  .slick-list .product-card__name {
    /* height: 32px; */
  }
  .product-card__price {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.1rem;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 114%;
    text-align: center;
    color: #474747;
  }
  .product-card__price-old {
    font-size: 14px;
  }
  .product-card__info-rating svg {
    width: 1.6rem;
    height: 1.5rem;
  }
  .product-card__info {
    gap: 1.2rem;
    flex-wrap: wrap;
  }
  .product-card__info-rating-value {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 1.7rem;
    line-height: 109%;
    color: var(--2);
  }
  .product-card__info-reviews {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 1.7rem;
    line-height: 109%;
  }
  .product-card__control-buy {
    display: none;
  }
  .product-card__control-cart {
    width: 12.8rem;
    height: 3.5rem;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 1.7rem;
    color: var(--6);
    background-color: var(--1);
  }
  .about:before,
  .about:after {
    display: none;
  }
  .about-left {
    gap: 3rem;
    width: 100%;
    max-width: 100%;
  }
  .about__content {
    gap: 0;
    flex-direction: column;
  }
  .about-right {
    display: none;
  }
  .about-right-mobile {
    display: block;
    padding: 1.7rem 2rem 2rem 2rem;
    border-radius: 0.5rem;
    width: 100%;
    max-width: unset;
    background-color: var(--6);
  }
  .about-left-block__title {
    margin-bottom: 1.5rem;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 108%;
    color: var(--2);
  }
  .about-left-block__decoration {
    margin-bottom: 1.5rem;
    width: 8rem;
    height: 0.4rem;
  }
  .about-left-block__text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 147%;
    color: var(--2);
  }
  .about-right__top-title {
    display: block;
    margin-bottom: 2.7rem;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 108%;
    text-align: center;
    color: var(--2);
  }
  .about-furniture__image {
    margin: 0 auto 1.7rem auto;
    width: auto;
    height: 5.6rem;
  }
  .about-furniture__text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 116%;
    text-align: center;
    color: var(--2);
  }
  .about {
    padding-bottom: var(--padding-50);
  }
  .sale {
    padding-top: var(--padding-50);
    padding-bottom: var(--padding-50);
  }
  .advantages__block {
    gap: 2.4rem !important;
  }
  .advantages-item {
    gap: 1.6rem;
    border-radius: 0.5rem;
    padding: 2.3rem 1.4rem;
    width: 46%;
    height: 17.3rem;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
    background: var(--6);
  }
  .advantages-item__image {
    max-height: 5.3rem;
  }
  .advantages-item__check {
    display: block;
    width: 1.1rem;
    height: 0.7rem;
  }
  .advantages-item__title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 111%;
    text-align: center;
    color: var(--2);
  }
  .advantages:before {
    display: none;
  }
  .works__block-item-icon {
    display: none;
  }
  .works__block-item {
    padding: 0.8rem 1rem;
    border-radius: 0.5rem;
    width: 15.2rem;
    height: auto;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.14);
    background: var(--6);
  }
  .works__block-item-number {
    margin-bottom: 0;
    font-family: var(--font-family);
    font-weight: 900;
    font-size: 8.5rem;
  }
  .works__block-item-text {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 107%;
    text-align: center;
    color: var(--2);
  }
  .works__block {
    gap: 2.5rem 1.8rem;
    width: 100%;
    background-image: url("./img/home/works-bgd.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 23rem;
  }
  .works__block-item-5 {
    gap: 0.6rem;
    margin: 0;
    padding: 0.8rem 1rem;
    width: 24.3rem;
    height: 18.4rem;
  }
  .works__block-item-5 .works__block-item-text {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 107%;
    text-align: center;
    color: var(--2);
  }
  .review {
    padding: 1.5rem 1.5rem 3rem 1.5rem;
    min-height: 47.4rem;
    background: var(--6);
  }
  .review__image {
    margin-bottom: 2.8rem;
  }
  .review__product {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 1.7rem;
    line-height: 109%;
    color: var(--2);
  }
  .review__name-avatar {
    width: 3.6rem;
    height: 3.6rem;
  }
  .review__name-value-man {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 109%;
    color: var(--2);
  }
  .review__name-value-info-date,
  .review__name-value-info-city {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 109%;
    color: var(--3);
  }
  .review__text {
    /* max-height: 6.5rem !important; */
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 109%;
    color: var(--2);
  }
  .letter:before {
    display: none;
  }
  .documents:after {
    display: none;
  }
  .documents-link {
    margin: 0 auto;
    border-radius: 5rem;
    padding: 1.2rem 2.1rem;
    width: fit-content;
    height: 4.2rem;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 132%;
    color: var(--2);
    background: var(--6);
  }
  .documents-link svg {
    display: none;
  }
  .letter__block-image-desktop {
    display: none;
  }
  .letter__block-image-mobile {
    display: block;
  }
  .certificate__block-image-desktop {
    display: none;
  }
  .certificate__block-image-mobile {
    display: block;
  }
  .documents:before {
    display: none;
  }
  .documents {
    justify-content: center;
    flex-direction: column;
    gap: 2.8rem;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: var(--padding-50);
    padding-bottom: var(--padding-50);
    box-shadow: none;
    padding-left: 15px;
  }
  .letter {
    align-items: flex-start;
    padding-right: 0;
  }
  .certificate {
    padding-left: 0;
    align-items: flex-start;
  }
  .letter__block {
    margin-left: 0;
    width: 100%;
  }
  .letter__block img {
    width: 100%;
  }
  .certificate__block {
    margin-left: 0;
    width: 100%;
  }
  .certificate__block img {
    width: 100%;
  }
  .projects__block .slick-slide {
    padding: 0 1rem;
  }
  .element-top__mobile {
    display: flex;
  }
  .project {
    padding: 0;
    height: 24.6rem;
    background: transparent;
  }
  .project__name {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 109%;
    color: var(--2);
  }
  .project__more {
    display: none;
  }
  .projects__top-link {
    margin: 0 auto;
    border-radius: 5rem;
    padding: 1.2rem 2.1rem;
    width: fit-content;
    height: 4.2rem;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 132%;
    color: var(--2);
    background: var(--6);
  }
  .product-block .slick-slide {
    padding: 0 2rem;
  }
  .new {
    padding: 1.1rem 1.7rem;
    min-height: 25.4rem;
  }
  .new__image {
    margin-bottom: 1.3rem;
  }
  .new__date {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 46%;
    color: #b0b0b0;
  }
  .new__title {
    margin-bottom: 0.9rem;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    line-height: 137%;
    color: var(--2);
  }
  .new__text {
    display: none;
  }
  .clients__block {
    margin: 0 0 0 -1.7rem;
  }
  .clients__block .slick-slide {
    padding: 0 1.7rem;
  }
  .clients__block:before {
    width: 1.7rem;
    /* background-color: var(--4); */
  }
  .clients__block-image {
    border-radius: 0.4rem;
    padding: 0.5rem 1.7rem;
    /* width: 8.7rem;
    height: 5.9rem; */
    background: var(--6);
  }
  .clients {
    padding-bottom: 5rem;
  }
  footer {
    margin-top: 0;
    padding-top: 2.1rem;
  }
  .footer-top__control {
    display: none;
  }
  .footer-top__logo {
    margin: 0 auto;
    width: 25.5rem;
    height: 6.4rem;
  }
  .footer-top {
    gap: 3.7rem;
  }
  .footer-top__subscription {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    padding: 0;
    width: 100%;
    height: auto;
    box-shadow: none;
  }
  .footer-top__subscription-info {
    width: 100%;
  }
  .footer-top__subscription-info-title {
    display: block;
    margin-bottom: 1.2rem;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 2rem;
    text-align: center;
    color: var(--2);
  }
  .footer-top__subscription-info-description {
    display: block;
    margin-bottom: 2rem;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 96%;
    text-align: center;
    color: var(--2);
  }
  .footer-top__subscription-send {
    position: relative;
    width: 100%;
    height: 5.4rem;
  }
  .footer-top__subscription-send-block {
    width: 100%;
  }
  .footer-top__subscription-send-block-input {
    width: 100%;
    background-color: transparent;
  }
  .footer-top__subscription-send-send {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    transform: translateY(-50%);
  }
  .footer-bottom {
    gap: 4.2rem;
    flex-direction: column;
  }
  .footer-bottom__categories {
    columns: 2;
  }
  .footer-block__list-item {
    margin-bottom: 12px;
  }
  .footer-block__list-item-link {
    font-size: 16px;
  }
  .footer-bottom__contacts {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 576px) {
  html {
    font-size: 1.7361111111vw !important;
  }
  /*home*/
  .works__block {
    justify-content: center;
    background-position: center top;
    background-size: 26rem;
    flex-wrap: nowrap;
  }
  .works__block-item {
    width: 16.2rem;
  }
  .works__block-item-5 {
    /* width: 24.3rem; */
  }
  .letter__block-image {
    width: 100%;
    height: auto;
  }
  .certificate__block-image {
    width: 100%;
    height: auto;
  }
  .hero__category-slider-slide {
    width: calc(50% - 10px);
    min-width: calc(50% - 10px);
  }
}
@media (max-width: 480px) {
  html {
    font-size: 2.0833333333vw !important;
  }
  /*footer*/
  .footer-bottom__categories {
    columns: 1;
  }
  .footer-bottom__contacts {
    width: 100%;
    margin: 0 auto 0 0;
  }
  .footer-info {
    align-items: flex-start;
  }
  .footer-info__link:nth-child(2) {
    display: block;
    max-width: 23.8rem;
  }
  .footer-info__link:nth-child(3) {
    display: block;
    max-width: 23.8rem;
  }
}
@media (max-width: 360px) {
  html {
    font-size: 2.7777777778vw !important;
  }
  /*header*/
  .nav-burger {
    height: 1.8rem;
  }
  .header__logo {
    width: 12.7rem;
    height: 2.6rem;
  }
  /*home*/
  .about-right__top-wrapper {
    gap: 2.8rem 0;
    justify-content: center;
  }
  .about-furniture {
    width: 13.1rem;
  }
  .product-block {
    margin: 0 0 0 -2rem;
    width: calc(100% + 4rem);
  }
  .product-block:after {
    display: none;
  }
  .product-block .slick-track {
    padding-left: 12rem;
  }
  .advantages-item {
    width: 14.6rem;
  }
  .works__block-item {
    width: 13.1rem;
  }
  .works__block {
    background-size: 29rem;
  }
  .works__block-item-5 {
    width: 24.3rem;
  }
  .project {
    height: 18.6rem;
  }
}
@media (min-width: 96.875em) {
  .parent-catalog {
    padding-top: 3.4375rem;
  }
}
@media (min-width: 20em) and (max-width: 96.875em) {
  .parent-catalog {
    padding-top: calc(1.875rem + 1.5625 * (((100vw - 20rem)) / ((76.875))));
  }
}
@media (max-width: 20em) {
  .parent-catalog {
    padding-top: 1.875rem;
  }
}
@media (min-width: 96.875em) {
  .parent-catalog {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 20em) and (max-width: 96.875em) {
  .parent-catalog {
    margin-bottom: calc(1.875rem + 1.875 * (((100vw - 20rem)) / ((76.875))));
  }
}
@media (max-width: 20em) {
  .parent-catalog {
    margin-bottom: 1.875rem;
  }
}
.parent-catalog__title {
  text-align: center;
  margin-bottom: 29px;
}
.parent-catalog__tags-link {
  display: inline-flex;
  gap: 26px;
  width: 100%;
  justify-content: center;
}
@media (min-width: 96.875em) {
  .parent-catalog__tags-link {
    margin-bottom: 3.3125rem;
  }
}
@media (min-width: 20em) and (max-width: 96.875em) {
  .parent-catalog__tags-link {
    margin-bottom: calc(1.25rem + 2.0625 * (((100vw - 20rem)) / ((76.875))));
  }
}
@media (max-width: 20em) {
  .parent-catalog__tags-link {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 81.25em) {
  .parent-catalog__tags-link {
    gap: 10px;
    flex-wrap: wrap;
  }
}
.parent-catalog__tag {
  width: fit-content;
  border-radius: 30px;
  padding: 10px 27px;
  font-size: 1.6rem;
  width: fit-content;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
  background-color: #f6f6f6;
}
.parent-catalog__tag:hover {
  transform: scale(1.05);
}
@media (max-width: 81.25em) {
  .parent-catalog__tag {
    padding: 8px 14px;
    text-align: center;
    font-size: 1.7rem;
    line-height: 130%;
    flex: 1 1 auto;
  }
}
.parent-catalog__category-cards {
  display: flex;
  gap: 29px;
  flex-wrap: wrap;
  justify-content: space-around;
}
@media (max-width: 81.25em) {
  .parent-catalog__category-cards {
    gap: 15px;
  }
}
@media (min-width: 96.875em) {
  .parent-catalog__category-cards {
    margin-bottom: 8.3125rem;
  }
}
@media (min-width: 20em) and (max-width: 96.875em) {
  .parent-catalog__category-cards {
    margin-bottom: calc(1.875rem + 6.4375 * (((100vw - 20rem)) / ((76.875))));
  }
}
@media (max-width: 20em) {
  .parent-catalog__category-cards {
    margin-bottom: 1.875rem;
  }
}
.category-card {
  background: var(--7);
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  font-weight: 600;
  font-size: 18px;
  line-height: 119%;
  text-align: center;
  color: var(--2);
  max-width: 400px;
  flex: 1 1 calc(20% - 24px);
}
@media (max-width: 81.25em) {
  .category-card {
    flex: 1 1 calc(33% - 15px);
  }
}
@media (max-width: 43.75em) {
  .category-card {
    flex: 1 1 calc(50% - 15px);
  }
}
@media (max-width: 93.75em) {
  .category-card {
    font-size: 1.25rem;
  }
}
@media (max-width: 43.75em) {
  .category-card {
    border-radius: 5px;
    font-size: 1.5rem;
  }
}
@media (max-width: 22.5em) {
  .category-card {
    font-size: 1.3125rem;
  }
}
.category-card__wrap-img {
  display: block;
  height: 240px;
  width: 100%;
  max-width: 100%;
}
.category-card__wrap-img img {
  mix-blend-mode: darken;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
@media (max-width: 93.75em) {
  .category-card__wrap-img {
    height: 200px;
  }
}
@media (max-width: 68.75em) {
  .category-card__wrap-img {
    height: 180px;
  }
}
@media (max-width: 43.75em) {
  .category-card__wrap-img {
    height: 110px;
  }
}
.category-card__name {
  padding: 14px 50px;
  text-align: center;
  font-size: 18px;
  line-height: 1.2;
}
@media (max-width: 93.75em) {
  .category-card__name {
    padding: 14px 30px;
  }
}
@media (max-width: 43.75em) {
  .category-card__name {
    padding: 6px 12px;
    font-size: 1.7rem;
  }
}
@media (max-width: 22.5em) {
  .category-card__name {
    padding: 6px 10px;
  }
}

.pagination-pages {
  display: inline-flex;
  gap: 21px;
  font-weight: 400;
  justify-content: center;
  font-size: 15px;
  flex: 1 1 auto;
  width: 100%;
  text-align: center;
  flex-wrap: wrap;
  color: var(--2);
}
@media (min-width: 96.875em) {
  .pagination-pages {
    margin-bottom: 4.0625rem;
  }
}
@media (min-width: 20em) and (max-width: 96.875em) {
  .pagination-pages {
    margin-bottom: calc(1.5625rem + 2.5 * (((100vw - 20rem)) / ((76.875))));
  }
}
@media (max-width: 20em) {
  .pagination-pages {
    margin-bottom: 1.5625rem;
  }
}
@media (max-width: 62.5em) {
  .pagination-pages {
    gap: 10px;
  }
}
.pagination-pages a {
  border-radius: 6px;
  background: var(--4);
  display: inline-flex;
  align-items: center;
  width: fit-content;
  height: max-content;
  fill: #ff764a;
  padding: 15px 21px;
  transition: all 0.3s ease 0s;
}
.pagination-pages a.active {
  background: var(--1);
  color: #fff;
}
.pagination-pages a:hover {
  transform: scale(1.05);
  color: #fff;
  background: var(--1);
  fill: #fff;
}
@media (max-width: 62.5em) {
  .pagination-pages a {
    border: 1px solid #d1d1d1;
    padding: 10px 15px;
    background: #fff;
    font-size: 1.25rem;
  }
}
.reci__body {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
.reci__card-min {
  width: calc(40% - 50px);
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease 0s;
}
.reci__card-min:hover {
  transform: scale(0.95);
}
.reci__card-bg {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  bottom: 0;
  top: 0;
  border-radius: 20px;
}
.reci__fon-text {
  position: absolute;
  left: 0;
  z-index: 2;
  bottom: 0;
}
.reci__card-title {
  position: relative;
  z-index: 3;
  padding-left: 15px;
  font-weight: 600;
  font-size: 16px;
  max-width: 288px;
  line-height: 109%;
  max-height: 44px;
  overflow: hidden;
  color: var(--2);
}
.reci__card-big {
  width: calc(60% - 50px);
}
.reci .page-title {
  margin-bottom: 38px;
}
@media (max-width: 62.5em) {
  .reci .page-title {
    margin-bottom: 20px;
  }
}
.reci .wrap {
  display: flex;
  align-items: flex-end;
  position: relative;
  justify-content: flex-start;
  height: 340px;
  z-index: 10;
}

@media (max-width: 62.5em) {
  .none1000 {
    display: none;
  }
}

.visible1000 {
  display: none;
}
@media (max-width: 62.5em) {
  .visible1000 {
    display: block;
  }
}

.catalog__sort-mini-body {
  position: absolute;
  left: 0;
  width: 210px;
  top: 100%;
  display: none;
  padding: 15px;
}
.active-sort-mini .catalog__sort-mini-body {
  display: block;
  border-radius: 19px;
  fill: var(--6);
  background: #fff;
  box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.29);
  font-size: 16px;
  line-height: 20px;
}
.catalog__body {
  margin-top: 40px;
  display: flex;
  gap: 40px;
}
@media (max-width: 96.875em) {
  .catalog__body {
    gap: 20px;
  }
}
.catalog__sidebar {
  flex: 1 1 auto;
  min-width: 250px;
}
@media (max-width: 312.5em) {
  .catalog__sidebar {
    max-width: 250px;
    width: 100%;
  }
}
/* @media (max-width: 125em) {
  .catalog__sidebar {
    min-width: 204px;
    max-width: 204px;
  }
} */
@media (max-width: 62.5em) {
  .catalog__sidebar {
    display: none;
  }
}
.catalog__content {
  flex: 1 1 auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1025px) {
  .catalog__content {
    margin: 0 -10px;
    padding: 10px;
  }
}
.catalog__top-bar {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  justify-content: space-between;
  order: 0;
  padding: 5px 0;
}
@media (max-width: 62.5em) {
  .catalog__top-bar {
    margin-bottom: 20px;
  }
}
.catalog__sort-block {
  position: relative;
}
.catalog__sort-block.active-sort {
  z-index: 1208318273;
}
@media (max-width: 62.5em) {
  .catalog__sort-block {
    display: none;
  }
}
.catalog .btn-m {
  border-radius: 19px;
  padding: 10px 27px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  background: var(--4);
  padding: 10px 27px;
  font-weight: 500;
  font-size: 16px;
  color: var(--2);
  flex: 1 1 auto;
  cursor: pointer;
  transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.catalog .btn-m:hover {
  transform: scale(1.1);
}
.catalog__sort-button {
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.catalog__sort-button:hover {
  transform: scale(1.1);
}
.catalog__sort-button svg {
  stroke: #393939;
}
.active-sort .catalog__sort-button {
  background: #fff !important;
  color: var(--1);
  transform: translate(0);
  z-index: 100;
}
.active-sort .catalog__sort-button svg {
  transform: rotate(180deg);
  stroke: var(--1);
}
.catalog__top {
  order: 1;
  z-index: 2;
  position: relative;
  margin-bottom: 50px;
}
@media (max-width: 62.5em) {
  .catalog__top {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column-reverse;
    order: 0;
  }
}
.catalog__title {
  display: inline-flex;
  font-weight: 700;
  font-size: 30px;
  line-height: 110%;
  color: var(--2);
  margin-bottom: 18px;
  gap: 10px;
}
@media (max-width: 62.5em) {
  .catalog__title {
    font-weight: 600;
    font-size: 24px;
    align-items: flex-end;
    line-height: 103%;
    color: var(--2);
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .catalog__title {
    align-items: center;
  }
}
.catalog__title-count {
  color: #c3c3c3;
}
.catalog__path {
  display: flex;
  gap: 18px;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  color: #c3c3c3;
}
@media (max-width: 81.25em) {
  .catalog__path {
    font-weight: 400;
    font-size: 14px;
    color: #8b8b8b;
    gap: 6px;
  }
}
@media (max-width: 62.5em) {
  .catalog__path {
    margin-bottom: 10px;
    flex-wrap: wrap;
  }
}
.catalog__path-link {
  display: inline-block;
}
.catalog__cards {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  order: 3;
  width: 100%;
  margin-bottom: 40px;
}
@media (max-width: 96.875em) {
  .catalog__cards {
    gap: 30px;
  }
}

.catalog .pagination-pages,
.catalog #page-navigation {
  order: 4;
}
.catalog .category_description {
  order: 5;
}
.catalog .parent-catalog__tags-link {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0;
  z-index: 0;
}
.parent-catalog__tag {
  display: none;
}
.catalog .parent-catalog__tags-link.active .parent-catalog__tag, 
.parent-catalog__tag.active, 
.parent-catalog__tag--more {
  display: block;
}
@media (max-width: 106.25em) {
  .catalog .parent-catalog__tags-link {
    max-width: 770px;
    flex-wrap: wrap;
    gap: 10px;
  }
}
@media (max-width: 768px) {
  .catalog .parent-catalog__tags-link {
    width: 100%;
    max-width: 100%;
    overflow-x: scroll;
    overflow-y: clip;
    flex-wrap: nowrap;
    padding-bottom: 10px;
  }
  .catalog .parent-catalog__tags-link::-webkit-scrollbar {
    height: 4px;
  }
}
.catalog .parent-catalog__tag {
  padding: 10px 20px;
  z-index: 0;
}
@media (max-width: 106.25em) {
  .catalog .parent-catalog__tag {
    font-size: 1.7rem;
    padding: 5px 10px;
  }
}
@media (max-width: 62.5em) {
  .catalog .parent-catalog__tag {
    font-size: 16px;
  }
}

.select-options li:not(:last-child) {
  margin-bottom: 5px;
}
.select-options li:hover {
  text-decoration: underline;
  cursor: pointer;
}

.filtrs {
  margin-bottom: 44px;
}
.filtrs__tem {
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #eeeeee;
}
.filtrs__title {
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: 1.8rem;
  color: var(--2);
  text-align: left;
}
.filtrs__body {
  padding-bottom: 16px;
}
.filtrs .fghfgh {
  margin-bottom: 15px;
}
.filtrs__wrap {
  position: relative;
  padding: 15px 15px;
  max-height: 365px;
  overflow: scroll;
}
.filtrs__wrap .checkbox {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.filtrs__wrap .checkbox:not(:last-child) {
  margin-bottom: 10px;
}
.filtrs__wrap .checkbox input {
  display: inline-block;
}
.filtrs__wrap .checkbox input[type=checkbox] + label {
  display: flex;
  align-items: center;
}
@media (max-width: 62.5em) {
  .filtrs__wrap .checkbox {
    width: 100%;
  }
}
.filtrs__wrap input:checked~label .checkbox__text {
  color: #ff764a;
}
.filtrs__wrap .checkbox__text {
  line-height: 120%;
  font-size: 1.7rem;
  display: flex;
  gap: 4px;
}
@media (max-width: 62.5em) {
  .filtrs__wrap .checkbox__text {
    font-size: 1.7rem;
  }
}
.filtrs__wrap .checkbox__label {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 7px;
}
.filtrs__wrap .checkbox__label img {
  width: 18px;
  display: block;
  height: 18px;
  object-fit: cover;
}
.filtrs__wrap .checkbox__label span {
  display: flex;
}
@media (max-width: 62.5em) {
  .filtrs__wrap {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 15px;
  }
}

.zamer {
  border-radius: 11px;
  width: 100%;
  background: var(--5);
  padding: 22px 11px;
  margin-top: 20px;
}
.zamer__ttl {
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 114%;
  color: var(--2);
}
.zamer__img {
  width: calc(100% + 22px);
  margin-left: -11px;
  margin-right: -11px;
  margin-bottom: 16px;
  mix-blend-mode: darken;
}
.zamer__form {
  display: block;
}
.zamer__form input {
  margin-bottom: 16px;
  width: 100%;
  height: auto;
  background: var(--6);
  border-radius: 5px;
  padding: 15px;
}
.zamer__form button {
  border-radius: 7px;
  width: 100%;
  padding: 9px 22px;
  font-weight: 700;
  font-size: 16px;
  display: block;
  background: var(--1);
  text-align: center;
  color: var(--6);
}

.catalog__title .back {
  display: none;
}
@media (max-width: 62.5em) {
  .catalog__title .back {
    display: inline-block;
    margin-right: 5px;
  }
}

.catalog .product-card {
  width: calc(33% - 40px);
}
@media (min-width: 1900px) {
  .catalog .product-card {
    width: calc(25% - 40px);
  }
}
@media (max-width: 96.875em) {
  .catalog .product-card {
    width: calc(33% - 30px);
  }
}
@media (max-width: 46.25em) {
  .catalog .product-card {
    width: calc(50% - 30px);
    display: flex;
    flex-direction: column;
  }
  .catalog .mobile-columns-1 .product-card {
    width: 100%;
  }
}

.catalog__sort-body {
  display: none;
  position: absolute;
  right: 0;
  width: auto;
  top: 100%;
  flex-wrap: wrap;
  padding: 20px;
  gap: 10px;
  z-index: 10000;
  align-items: center;
  justify-content: space-around;
  row-gap: 20px;
  font-size: 16px;
  line-height: 1.4;
  background-color: #fff;
  box-shadow: 0 11px 19px 0 rgba(0, 0, 0, 0.09);
  border-radius: 10px;
}

.active-sort .catalog__sort-body {
  display: flex;
  z-index: 19237;
}

.catalog__sort-mini-block {
  flex: 1 1 auto;
  position: relative;
  display: flex;
  flex-direction: column;
}

.active-sort-mini .btn-open {
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: 100px;
}
.active-sort-mini .btn-open svg {
  transform: rotate(180deg);
}

.catalog__sort-mini-block svg {
  stroke: #393939;
}

.cena__top {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.cena__box {
  display: flex;
  font-size: 1.375rem;
  flex: 1 1 50%;
  gap: 5px;
  align-items: flex-end;
}

.cena .input {
  width: 100%;
  font-size: 1.125rem;
  height: auto;
  background: var(--4);
  padding: 5px;
}

/* Общие стили для ползунка */
input[type=range] {
  -webkit-appearance: none; /* Убирает стандартный вид ползунка */
  width: 100%; /* Ширина ползунка 100% */
  height: 8px; /* Высота трека ползунка */
  background: transparent; /* Убирает стандартный фон трека */
  border-radius: 5px; /* Скругление углов трека */
  outline: none; /* Убирает обводку при фокусе */
  opacity: 0.9; /* Прозрачность ползунка */
  transition: opacity 0.15s ease-in-out; /* Плавный переход при наведении */
}

/* Стилизация трека ползунка для WebKit браузеров */
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  background: #ddd; /* Цвет трека ползунка */
  border-radius: 5px; /* Скругление углов трека */
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Убирает стандартный вид ползунка */
  width: 10px;
  height: 10px;
  background: #ff6f00; /* Оранжевый цвет ползунка */
  border-radius: 50%; /* Скругленный ползунок */
  cursor: pointer; /* Курсор при наведении */
  position: relative;
  z-index: 1; /* Чтобы ползунок был выше трека */
}

/* Стилизация трека ползунка для Firefox */
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8px;
  background: #ddd; /* Цвет трека ползунка */
  border-radius: 5px; /* Скругление углов трека */
}

input[type=range]::-moz-range-thumb {
  width: 10px;
  height: 10px;
  background: #ff6f00; /* Оранжевый цвет ползунка */
  border-radius: 50%;
  cursor: pointer;
}

/* Стилизация трека ползунка для Internet Explorer */
input[type=range]::-ms-track {
  width: 100%;
  height: 8px;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #ddd; /* Цвет трека ползунка до текущего положения */
  border-radius: 5px; /* Скругление углов трека */
}

input[type=range]::-ms-fill-upper {
  background: #ddd; /* Цвет трека ползунка после текущего положения */
  border-radius: 5px; /* Скругление углов трека */
}

input[type=range]::-ms-thumb {
  width: 10px;
  height: 10px;
  background: #ff6f00; /* Оранжевый цвет ползунка */
  border-radius: 50%;
  cursor: pointer;
}

.do {
  font-size: 1.5625rem;
}

.category-parent__slider {
  line-height: 130%;
  width: 100%;
  max-width: 100%;
  margin-bottom: 25px;
  font-size: 1.8rem;
}
@media (max-width: 75em) {
  .category-parent__slider {
    font-size: 1.6rem;
  }
}
@media (max-width: 47.9375em) {
  .category-parent__slider {
    font-size: 1.45rem;
    margin-bottom: 20px;
  }
}
.category-parent__slider .category-parent__slide a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
  font-size: 1.6rem;
  line-height: 114%;
}
.category-parent__slider .category-parent__slide a img {
  max-width: 100%;
  height: 108px;
  object-fit: contain;
  border-radius: 5px;
  width: 100%;
}
@media (max-width: 62.5em) {
  .category-parent__slider .category-parent__slide a img {
    height: auto;
  }
}
@media (max-width: 47.9375em) {
  .category-parent__slider .category-parent__slide a {
    gap: 5px;
  }
}
.category-parent__slider .swiper-button-next svg, .category-parent__slider .swiper-button-prev svg {
  height: 35px;
}
.category-parent__slider .swiper-button-next svg > g, .category-parent__slider .swiper-button-prev svg > g {
  stroke: #ccc;
}

.catalog__mobile {
  display: none;
}
.catalog__mobile .filtrs {
  width: 100%;
  margin-bottom: 0;
}
.catalog__mobile .catalog__sort-mini-block {
  width: 100%;
}
.catalog__mobile .cena__top {
  margin-bottom: 10px;
}
.catalog__mobile .filtrs__wrap {
  box-shadow: none;
  border: none;
  padding: 0;
  border-radius: 0;
}
.catalog__mobile .filtrs__wrap .do {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.catalog__mobile .filtrs__wrap input {
  border-radius: 10px;
  padding: 5px 12px;
  text-align: center;
}
.catalog__mobile .catalog__sort-body {
  position: static;
  display: flex;
  padding: 0;
  width: 100%;
}
@media (max-width: 62.5em) {
  .catalog__mobile {
    display: block;
    margin-bottom: 15px;
  }
}
.catalog__mobile-body {
  background: var(--6);
  border-radius: 10px;
}
.catalog__mobile-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
@media (max-width: 62.5em) {
  .catalog__mobile-button {
    font-size: 1.5rem;
  }
}
.catalog__mobile-button-1 {
  padding: 6px 13px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
}
.catalog__mobile-button-1 .count {
  position: absolute;
  right: 1px;
  top: -5px;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: var(--3);
  color: #fff;
  font-size: 1.25rem;
}
.catalog__mobile-button-1 .active-filtr {
  display: none;
}
.catalog__mobile-button-1.active-icon {
  border: 1px solid #dadada;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.catalog__mobile-button-1.active-icon::after {
  content: "";
  width: 100%;
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  bottom: -3px;
  background-color: #fff;
}
.catalog__mobile-button-1.active-icon .standart-filtr {
  display: none;
}
.catalog__mobile-button-1.active-icon .active-filtr {
  display: inline-block;
}
.catalog__mobile-button-2 {
  padding: 9px 13px;
  display: flex;
  align-items: center;
  position: relative;
  gap: 5px;
}
.catalog__mobile-button-2.active {
  color: var(--1);
  border: 1px solid #dadada;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.catalog__mobile-button-2.active::after {
  content: "";
  width: 100%;
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  bottom: -3px;
  background-color: #fff;
}
.catalog__mobile-button-2.active svg {
  transform: rotate(180deg);
}
.catalog__mobile-block-button-1 {
  padding: 9px 13px;
  display: none;
  padding-top: 0px;
  width: 100%;
}
.catalog__mobile-block-button-1.active {
  display: block;
  border-radius: 5px;
  border-top-right-radius: 0px;
  border: 1px solid #dadada;
}
.catalog__mobile-block-button-2 {
  padding: 9px 13px;
  display: none;
  padding-top: 0px;
  width: 100%;
}
.catalog__mobile-block-button-2.active {
  border-radius: 5px;
  border-top-left-radius: 0px;
  border: 1px solid #dadada;
  display: block;
}
.product-page__slider-container {
  position: relative;
}

.product-page__main-slider {
  position: relative;
  overflow: hidden;
}

.product-page__main-slider .slide {
  display: none;
}

.product-page__main-slider .slide.active {
  display: block;
}

.product-page__main-slider .swiper-button-next svg, .product-page__main-slider .swiper-button-prev svg {
  height: 35px;
}
.product-page__main-slider .swiper-button-next svg > g, .product-page__main-slider .swiper-button-prev svg > g {
  stroke: #ccc;
}

.product-page {
  padding-top: 40px;
}
@media (max-width: 62.5em) {
  .product-page {
    padding-top: 0;
  }
}
@media (max-width: 63.75em) {
  .product-page .container1 {
    padding: 0 !important;
  }
}
.product-page__page {
  display: flex;
  gap: 80px;
  align-items: flex-start;
  width: 100%;
  justify-content: center;
}
@media (max-width: 137.5em) {
  .product-page__page {
    gap: 70px;
  }
}
@media (max-width: 112.5em) {
  .product-page__page {
    gap: 20px;
  }
}
@media (max-width: 63.75em) {
  .product-page__page {
    flex-direction: column;
  }
}
.product-page__images {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 30px;
  min-width: 50%;
  width: 50%;
  max-width: 50%;
}
@media (max-width: 137.5em) {
  .product-page__images {
    max-width: 50%;
  }
}
@media (max-width: 112.5em) {
  .product-page__images {
    max-width: 55%;
    gap: 20px;
  }
}
@media (max-width: 63.75em) {
  .product-page__images {
    max-width: 100%;
    width: 100%;
  }
}
.product-page__images .swiper-pagination-bullet {
  background: #fff;
}
@media (max-width: 63.75em) {
  .product-page__images .swiper-pagination-bullet {
    background: #232323;
  }
}
.product-page .swiper-pagination-bullet-active {
  background: var(--1);
}
.product-page .swiper-pagination {
  opacity: 0;
}
@media (max-width: 63.75em) {
  .product-page .swiper-pagination {
    opacity: 1;
    position: static;
    margin-top: 15px;
  }
}
.product-page__main-slider {
  max-width: 100%;
}
.product-page__main-slider .swiper-slide {
  width: 100%;
}
.product-page__main-slider .swiper-slide img {
  /* height: 820px; */
  border-radius: 20px;
  object-fit: cover;
  width: 100%;
}
@media (max-width: 137.5em) {
  .product-page__main-slider .swiper-slide img {
    /* height: 520px; */
  }
}
@media (max-width: 93.75em) {
  .product-page__main-slider .swiper-slide img {
    /* height: 450px; */
  }
}
@media (max-width: 63.75em) {
  .product-page__main-slider .swiper-slide img {
    /* height: 331px; */
    border-radius: 0;
  }
}
.product-page__back {
  display: none;
}
@media (max-width: 63.75em) {
  .product-page__back {
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 120;
  }
  .ribbon-content + .product-page__back {
    display: none;
  }
}
.product-page__mob-actions {
  display: none;
}
@media (max-width: 63.75em) {
  .product-page__mob-actions {
    display: flex;
    bottom: 50px;
    right: 20px;
    align-items: flex-end;
    gap: 8px;
    z-index: 1200;
    position: absolute;
  }
}
.product-page__thumbs-slider {
  max-width: 100%;
}
.product-page__thumbs-slider .swiper-slide {
  cursor: pointer;
}
.product-page__thumbs-slider .swiper-slide img {
  width: 100%;
  object-fit: cover;
  /* height: 161px; */
  border-radius: 7px;
}
@media (max-width: 93.75em) {
  .product-page__thumbs-slider .swiper-slide img {
    /* height: 128px; */
  }
}
@media (max-width: 63.75em) {
  .product-page__thumbs-slider {
    display: none;
  }
}
.product-page__body {
  max-width: 1000px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media (min-width: 1021px) {
  .product-page__body {
    position: sticky;
    top: 87px;
  }
}
@media (max-width: 137.5em) {
  .product-page__body {
    max-width: 570px;
  }
}
@media (max-width: 112.5em) {
  .product-page__body {
    max-width: 45%;
    width: 100%;
  }
}
@media (max-width: 63.75em) {
  .product-page__body {
    max-width: 100%;
    padding: 0 15px;
  }
}
.product-page__info-top {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  justify-content: space-between;
}
.product-page__kod {
  font-weight: 500;
  font-size: 16px;
  color: var(--3);
}
.product-page__revi {
  color: var(--3);
}
.product-page__title {
  font-weight: 700;
  line-height: 90%;
  font-size: 30px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: inline-flex;
  gap: 10px;
  color: var(--2);
}
@media (max-width: 137.5em) {
  .product-page__title {
    font-size: 28px;
  }
}
@media (max-width: 93.75em) {
  .product-page__title {
    font-size: 24px;
  }
}
.product-page__price-box {
  display: inline-flex;
  align-items: center;
  gap: 40px;
}
.product-page__price {
  font-weight: 700;
  font-size: 44px;
  line-height: 89%;
  color: var(--2);
}
.product-page__deshevle {
  font-weight: 700;
  font-size: 18px;
  border: 1.09px solid var(--4);
  border-radius: 8px;
  color: #58df8e;
  padding: 15px 20px;
  transition: all 0.3s ease 0s;
}
.product-page__deshevle:hover {
  transform: scale(1.1);
}
@media (max-width: 93.75em) {
  .product-page__deshevle {
    font-size: 16px;
  }
}
.product-page__actions {
  display: flex;
  gap: 17px;
  align-items: center;
}
.product-page__add-to-cart {
  width: fit-content;
  border-radius: 8px;
  line-height: 125%;
  padding: 14px 25px;
  font-weight: 700;
  font-size: 18px;
}
@media (max-width: 137.5em) {
  .product-page__add-to-cart {
    font-size: 18px;
  }
}
@media (max-width: 93.75em) {
  .product-page__add-to-cart {
    padding: 10px 15px;
    font-size: 16px;
  }
}
.product-page__buy {
  width: fit-content;
  border-radius: 8px;
  border: 1.09px solid var(--1);
  padding: 14px 25px;
  line-height: 125%;
  font-weight: 700;
  color: var(--1);
  background: transparent;
  font-size: 18px;
}
@media (max-width: 137.5em) {
  .product-page__buy {
    font-size: 18px;
  }
}
.product-page__buy:hover {
  background: var(--1);
  color: #fff;
  border: 1.09px solid var(--1);
}
@media (max-width: 93.75em) {
  .product-page__buy {
    padding: 10px 15px;
    font-size: 16px;
  }
}
.product-page__fav {
  transition: all 0.3s ease 0s;
}
.product-page__fav:hover {
  transform: scale(1.1);
}
.product-page__fav:active {
  transform: scale(0.9);
}
.product-page__stat {
  transition: all 0.3s ease 0s;
}
.product-page__stat:hover {
  transform: scale(1.1);
}
.product-page__stat:active {
  transform: scale(0.9);
}
@media (max-width: 62.5em) {
  .product-page .breadcrumbs {
    margin-top: 20px;
    padding: 0 15px;
  }
}
.product-page__colors {
  display: flex;
  gap: 12px;
  width: 100%;
}
.product-page__colors img {
  width: 50px;
  height: 50px;
  border-radius: 3px;
}
.product-page .hiden-color, .cart__items .hiden-color{
  display: none;
  padding: 0;
  width: 150px;
  height: 150px;
  position: absolute;
  bottom: 100%;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px -1px 19px 0 rgba(0, 0, 0, 0.09);
}
.product-page .hiden-color img, .cart__items .hiden-color img {
  width: 100% !important;
  border-radius: 0;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .product-page .hiden-color, .cart__items .hiden-color {
    width: 80px;
    height: 80px;
  }
}
.product-page__colors-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.product-page__color {
  display: flex;
  position: relative;
}
.product-page__color.active {
  box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.32);
}
.product-page__color:hover .hiden-color, 
.product-card__options-block:hover .hiden-color {
  display: block;
}
.product-page__all-caher {
  max-width: max-content;
  border-radius: 30px;
  padding: 10px 14px;
  font-weight: 500;
  font-size: 16px;
  color: var(--2);
  white-space: nowrap;
}
.product-page__heading {
  font-weight: 700;
  font-size: 18px;
  line-height: 119%;
  color: var(--2);
  margin-bottom: 12px;
}
.product-page .chto {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  color: #ff6f00;
  display: inline-flex;
  position: relative;
  top: -4px;
}
.product-page .chto svg {
  position: relative;
  top: 5px;
  left: 4px;
}
@media (max-width: 48em) {
  .product-page .chto {
    top: -1px;
  }
}
.product-page__chk-box {
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 0%;
  color: var(--2);
}
.product-page__chk-box input {
  margin-bottom: -4px;
}
.product-page__delivery {
  font-weight: 400;
  font-size: 16px;
  line-height: 0%;
  color: var(--2);
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.product-page__delivery .product-page__heading {
  margin-bottom: 0;
}
.product-page__delivery-line {
  display: flex;
  align-items: center;
  gap: 17px;
}
.product-page__delivery-arrov {
  margin-left: -5px;
}
.product-page .checkbox__label {
  cursor: pointer;
}
.breadcrumbs {
  margin-bottom: 20px;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  color: #c5c5c5;
  gap: 8px;
}
@media (max-width: 93.75em) {
  .breadcrumbs {
    font-size: 14px;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumbs {
    overflow-x: auto;
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    margin: 26px 0;
  }
  .breadcrumbs::-webkit-scrollbar {
    height: 3px;
  }
  ::-webkit-scrollbar-thumb {
    background-color: #eee; 
  }
  .breadcrumbs li {
    white-space: nowrap;
  }
}
@media (max-width: 48em) {
  .product-page .swiper-button-prev,
  .product-page .swiper-button-next {
    display: none !important;
  }
}
.product-page__mb {
  display: none;
}
@media (max-width: 63.75em) {
  .product-page__mb {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
}
.product-page .adfafasf {
  align-items: center;
}
.product-page__mb-strong-block {
  border-radius: 5px;
  padding: 13px 20px;
  flex-direction: column;
  gap: 8px;
  display: flex;
  background: var(--6);
}
@media (max-width: 25em) {
  .product-page__mb-strong-block a {
    font-size: 1.375rem;
    text-align: center;
  }
}
@media (max-width: 25em) {
  .product-page__mb-strong-block {
    padding: 9px 16px;
    gap: 10px;
  }
}
.product-page__mb-title {
  font-weight: 600;
  font-size: 18px;
  color: var(--2);
}
@media (max-width: 48em) {
  .product-page__mb-title {
    width: 100%;
  }
}
.product-page__mb-actions-box {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 48em) {
  .product-page__mb-actions-box {
    align-items: flex-end;
  }
}
.product-page__mb-price {
  font-weight: 700;
  font-size: 26px;
  line-height: 89%;
  color: var(--2);
}
.product-page__mb-old-price {
  font-weight: 400;
  font-size: 20px;
  line-height: 89%;
  text-decoration: line-through;
  color: var(--3);
}
.product-page__mb-share {
  max-width: 20px;
}
.product-page__mb-share svg {
  max-width: 100%;
}
.product-page__mbb-colors {
  gap: 8px;
  border-radius: 5px;
  padding: 13px 20px;
  flex-direction: column;
  display: flex;
  background: var(--6);
  font-weight: 400;
  font-size: 14px;
  color: #8d8d8d;
}
@media (max-width: 48em) {
  .product-page__mbb-colors strong {
    color: #000;
    font-weight: inherit;
  }
}
.product-page__mb-buttons-box {
  display: flex;
  background: transparent;
  padding: 0;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  gap: 15px;
}
.product-page__mb-buttons-box .item-box {
  width: calc(50% - 8px);
  border-radius: 5px;
  padding: 11px 19px;
}
@media (max-width: 25em) {
  .product-page__mb-buttons-box .item-box {
    width: calc(50% - 8px);
    padding: 9px 10px;
  }
}
@media (max-width: 48em) {
  .product-page__mb-buttons-box {
    justify-content: space-between;
    width: 100%;
  }
}
.product-page__rating {
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.product-page__rating img {
  max-width: 14px;
}
@media (max-width: 25em) {
  .product-page__rating {
    font-size: 1.25rem;
  }
}
.product-page .product-page__mb-rating {
  background: #fff;
  color: var(--2);
}
.product-page__revi {
  color: var(--2);
  font-size: 14px;
}
.product-page__deshevle {
  text-align: center;
  background: #fff;
}
.product-page__buy {
  background: #fff;
}

.product-page .product__page-btn-hero {
  flex: 1 1 auto;
  text-align: center;
}
.product-page__date {
  padding-top: 50px;
  padding-bottom: 30px;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 20px;
}
@media (max-width: 63.75em) {
  .product-page__date {
    padding-bottom: 30px;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
  }
}
@media (max-width: 63.75em) {
  .product-page__tabs-body {
    border-radius: 5px;
    padding: 15px 18px;
    background: var(--6);
    padding: 15px;
  }
}
.product-page__chars {
  display: flex;
}
@media (max-width: 63.75em) {
  .product-page__chars {
    flex-direction: column;
  }
}
.product-page__col {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.product-page__col:not(:last-child) {
  padding-right: 20px;
  border-right: 1px solid #dfdfdf;
}
.product-page__col:not(:first-child) {
  padding-left: 20px;
}
@media (max-width: 63.75em) {
  .product-page__col {
    padding: 0 !important;
    border-right: none !important;
    margin-bottom: 15px;
    gap: 10px;
  }
}
.product-page__chars-ttl {
  font-weight: bold;
  line-height: 119%;
  color: var(--2);
}
@media (max-width: 43.75em) {
  .product-page__chars-ttl {
    font-size: 14px;
  }
}
.product-page__chars-txt {
  font-weight: 400;
  display: flex;
  flex-direction: column;
  gap: 14px;
  line-height: 119%;
  color: #777;
}
@media (max-width: 43.75em) {
  .product-page__chars-txt {
    font-weight: 400;
    font-size: 14px;
    color: #8d8d8d;
  }
}
.product-page__complect {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 63.75em) {
  .product-page__complect {
    gap: 15px;
    flex-wrap: wrap;
  }
}
.product-page .product-card {
  width: calc(25% - 20px);
  flex: 1 1 auto;
  transition: all 0.3s ease 0s;
  max-width: 337px;
}
.product-page .product-card:hover .product-page__card-top {
  display: flex;
}
.product-page .product-card:hover .product-page__card-sizes,
.product-page .product-card:hover .product-page__card-colors {
  display: flex;
}
@media (max-width: 63.75em) {
  .product-page .product-card {
    width: calc(50% - 15px);
    padding: 0;
    box-shadow: none !important;
  }
}
@media (max-width: 43.75em) {
  .product-page .product-card {
    width: calc(50% - 15px);
    max-width: 100%;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
  }
}
.product-page__card-img {
  width: 100%;
  object-fit: cover;
  margin-bottom: 12px;
}
.product-page__card-img img {
  width: 100%;
  object-fit: cover;
  height: 250px;
}
@media (max-width: 43.75em) {
  .product-page__card-img img {
    height: 180px;
    object-fit: contain;
  }
}
.product-page__card-price {
  font-weight: 600;
  font-size: 28px;
  color: var(--2);
  margin-bottom: 15px;
}
.product-page__card-top {
  display: none;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 5px;
}
.product-page__card-top .kod {
  font-weight: 600;
  font-size: 14px;
  color: var(--3);
}
@media (max-width: 43.75em) {
  .product-page__card-top .kod {
    font-size: 0.75pxrem;
  }
}
.product-page__card-top .box {
  display: flex;
  gap: 5px;
}
@media (max-width: 43.75em) {
  .product-page__card-top .box img,
  .product-page__card-top .box svg {
    max-width: 20px;
  }
}
.product-page__card-name {
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 21px;
  color: var(--2);
}
.product-page__card-actions {
  display: flex;
  gap: 10px;
}
.product-page__card-link {
  padding: 9px 25px;
  font-size: 1.4375rem;
  display: inline-block;
  border-radius: 4px;
}
.product-page__card-colors {
  display: none;
  margin-top: 15px;
  margin-bottom: 15px;
  gap: 15px;
}
@media (max-width: 43.75em) {
  .product-page__card-colors {
    display: flex;
  }
}
.product-page__card-color {
  display: inline-block;
}
.product-page__card-color img {
  border-radius: 50%;
}
.product-page__card-sizes {
  display: none;
  font-size: 1.4375rem;
  gap: 10px;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 43.75em) {
  .product-page__card-sizes {
    display: flex;
  }
}
.product-page__deliver-box {
  margin-bottom: 40px;
  border-radius: 10px;
  display: flex;
  padding: 25px 40px;
  box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.12);
  background: var(--6);
}
@media (max-width: 90em) {
  .product-page__deliver-box {
    margin-bottom: 30px;
    padding: 15px 20px;
  }
}
@media (max-width: 50em) {
  .product-page__deliver-box {
    flex-wrap: wrap;
    padding: 0;
    box-shadow: none;
  }
}
.product-page__deliver-col {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  font-weight: 400;
  font-size: 2rem;
  color: var(--2);
  gap: 40px;
}
.product-page__deliver-col:not(:last-child) {
  border-right: 1px solid #dfdfdf;
  padding-right: 20px;
  margin-right: 20px;
}
@media (max-width: 90em) {
  .product-page__deliver-col {
    font-size: inherit;
    flex: 1 1 16.6%;
    gap: 20px;
    justify-content: space-between;
  }
}
@media (max-width: 50em) {
  .product-page__deliver-col {
    flex-direction: row;
    flex: 1 1 auto;
    border-right: none !important;
    border-bottom: 1px solid #dfdfdf;
    font-size: 1.75rem;
    padding-right: 0 !important;
    margin-right: 0 !important;
    justify-content: space-between;
  }
  .product-page__deliver-col:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .product-page__deliver-col p {
    max-width: 180px;
  }
  .product-page__deliver-col:last-child {
    padding-bottom: 20px;
  }
}
.product-page__text {
  font-weight: 400;
  padding: 20px;
  color: var(--2);
}
.product-page__text p {
  margin-bottom: 15px;
}
@media (max-width: 90em) {
  .product-page__text {
    font-size: inherit;
  }
}
@media (max-width: 50em) {
  .product-page__text {
    padding: 0;
    font-size: 1.75rem;
  }
}
.product-page__sborka {
  display: flex;
  gap: 30px;
}
.product-page__sborka h3 {
  font-weight: 400;
  font-size: 2.4rem;
  color: var(--2);
  margin-bottom: 40px;
}
@media (max-width: 112.5em) {
  .product-page__sborka h3 {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
@media (max-width: 50em) {
  .product-page__sborka h3 {
    margin-bottom: 20px;
    font-size: 1.8rem;
  }
}
.product-page__sborka p:not(:last-child) {
  margin-bottom: 40px;
}
@media (max-width: 50em) {
  .product-page__sborka p:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (max-width: 50em) {
  .product-page__sborka {
    flex-direction: column;
    gap: 15px;
  }
}
.product-page__sbor-left {
  width: 100%;
  max-width: 860px;
}
@media (max-width: 50em) {
  .product-page__sbor-left br {
    display: none;
  }
}
.product-page__sbor-box {
  display: flex;
  margin-bottom: 50px;
  border-radius: 12px;
  box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 50em) {
  .product-page__sbor-box {
    margin-bottom: 20px;
    box-shadow: none;
  }
}
.product-page__sbor-col {
  flex: 1 1 33.33%;
  display: flex;
  flex-direction: column;
}
.product-page__sbor-col:not(:last-child) {
  border-right: 0.5px solid var(--3);
}
@media (max-width: 50em) {
  .product-page__sbor-col {
    flex: 1 1 48%;
    border-bottom: 0.5px solid var(--3);
  }
  .product-page__sbor-col:not(:last-child) {
    border-right: none !important;
  }
}
.product-page__sbor-line {
  padding: 15px;
  font-size: 1.5rem;
}
.product-page__sbor-line:not(:last-child) {
  border-bottom: 0.5px solid var(--3);
}
@media (max-width: 50em) {
  .product-page__sbor-line {
    padding: 5px;
    line-height: 1.3;
    font-size: 1.25rem;
  }
}
.product-page__sbor-right {
  width: 100%;
  max-width: 570px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.product-page__sbor-right ul li {
  display: flex;
  align-items: center;
}
.product-page__sbor-right ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--1);
  display: inline-flex;
  margin-right: 15px;
}
.product-page__sbor-right ul li:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 90em) {
  .product-page__sbor-right ul li:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media (max-width: 50em) {
  .product-page__sbor-right ul li:not(:last-child) {
    margin-bottom: 12px;
  }
}
.product-page__sbor-right ul:not(:last-child) {
  margin-bottom: 40px;
}
@media (max-width: 50em) {
  .product-page__sbor-right ul:not(:last-child) {
    margin-bottom: 20px;
  }
}
.product-page .mwx {
  max-width: 700px;
}
.product-page .nogap {
  gap: 0 !important;
}
@media (max-width: 63.75em) {
  .product-page__revi .view__top-title.page-title {
    display: none;
  }
}
.product-page__revi .kajbsfo {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-top: 40px;
  gap: 10px;
  width: 100%;
  max-width: 260px;
  justify-content: center;
  border-radius: 30px;
}
@media (max-width: 50em) {
  .product-page__revi .kajbsfo {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    right: auto;
    margin-top: 30px;
  }
}
.product-page__revi .product-card {
  display: flex;
  flex-direction: column;
  padding: 16px;
  width: 100%;
  max-width: 100%;
  border-radius: 10px;
  background: var(--7);
}
@media (max-width: 50em) {
  .product-page__revi .product-card {
    padding: 8px;
  }
  .product-page__revi .product-card .product-card__image img {
    height: 140px;
    object-fit: cover;
  }
}
.product-page .revi__slider {
  overflow: visible;
}
.product-page .revi__slider::before {
  content: "";
  position: absolute;
  height: 100%;
  left: 0;
  width: 100%;
  transform: translateX(-100%);
  background: #fff;
}
@media (max-width: 63.75em) {
  .product-page .revi__slider::before {
    display: none;
  }
}
.product-page__nal {
  padding: 23px 40px;
  border-radius: 10px;
  background: var(--5);
  display: flex;
  flex-direction: column;
  gap: 15px;
  color: var(--2);
}
@media (max-width: 50em) {
  .product-page__nal {
    padding: 15px;
  }
}
.product-page__gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.product-page__gallery > a {
  border-radius: 20px;
  display: flex;
  width: calc(25% - 40px);
}
.product-page__gallery .slick-slide img {
  width: auto;
  height: 540px;
	padding: 0 20px;
}
@media (max-width: 50em) {
  .product-page__gallery > a {
    width: calc(50% - 10px);
    border-radius: 10px;
  }
}
@media (max-width: 50em) {
  .product-page__gallery {
    gap: 20px;
  }
}
@media (max-width: 480px) {
  .product-page__gallery .slick-slide img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    padding: 0 5px;
  }
}


.product-page .revi-card__rating {
  display: inline-flex;
  gap: 9px;
  margin-bottom: 16px;
}
.product-page .revi-card__title {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 18px;
  line-height: 109%;
  color: var(--2);
}
@media (max-width: 50em) {
  .product-page .revi-card__title {
    font-size: 1.25rem;
    margin-bottom: 10px;
  }
}
.product-page .revi-card__author {
  margin-bottom: 15px;
  display: flex;
  gap: 15px;
  align-items: center;
}
@media (max-width: 50em) {
  .product-page .revi-card__author {
    gap: 10px;
    margin-bottom: 10px;
  }
}
.product-page .revi-card__bx {
  display: flex;
  gap: 5px;
  flex-direction: column;
}
.product-page .revi-card__name {
  font-weight: 400;
  font-size: 17px;
  line-height: 109%;
  color: var(--2);
}
@media (max-width: 50em) {
  .product-page .revi-card__name {
    font-size: 14px;
  }
}
.product-page .revi-card__btn {
  padding: 8px 12px;
  font-size: 1.25rem;
  border-radius: 10px;
  display: flex;
  margin-left: auto;
  align-items: center;
  gap: 5px;
}
@media (max-width: 62.5em) {
  .product-page .revi-card__btn {
    padding: 4px 10px;
    font-size: 1.125rem;
  }
  .product-page .revi-card__btn img {
    max-width: 10px;
  }
}
.product-page .revi-card__date {
  font-size: 10px;
  line-height: 109%;
  color: var(--3);
}
.product-page .revi-card__text {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  font-weight: 400;
  font-size: 14px;
  line-height: 109%;
  color: var(--2);
}
.revi-card__txt {
  position: relative;
  padding: 0 24px;
}
.revi-card__txt .revi-card__quot {
  position: absolute;
  top: 0;
  left: 0;
}
.revi-card__txt .revi-card__quot.__right {
  top: auto;
  left: auto;
  right: 0;
  bottom: 15px;
}
@media (max-width: 50em) {
  .product-page .revi-card__text {
    gap: 6px;
    font-size: 1.125rem;
  }
}
@media (max-width: 50em) {
  .product-page .revi-card__quot svg {
    max-width: 15px;
  }
}
.product-page .tabs__navigation {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
  font-weight: 700;
  font-size: 18px;
  color: var(--3);
  border-bottom: 1px solid #ff764a;
}
@media (max-width: 93.75em) {
  .product-page .tabs__navigation {
    gap: 15px;
  }
}
@media (max-width: 63.75em) {
  .product-page .tabs__navigation {
    flex-direction: column;
  }
}
.product-page .tabs__title {
  padding: 10px 30px;
  width: fit-content;
  flex: 1 1 auto;
  border-radius: 10px 10px 0 0;
  font-weight: 700;
  font-size: 18px;
  position: relative;
  color: var(--3);
}
.product-page .tabs__title .mob-icon-tab {
  display: none;
}
.product-page .tabs__title._tab-active {
  color: var(--1);
  border: 1px solid var(--1);
  border-bottom: none;
}
.product-page .tabs__title._tab-active::after {
  z-index: 2;
  content: "";
  width: 100%;
  position: absolute;
  height: 4px;
  left: 0;
  display: block;
  bottom: -2px;
  background: #fff;
}
.product-page .tabs__title._tab-active .mob-icon-tab {
  transform: rotate(0deg);
}
@media (max-width: 112.5em) {
  .product-page .tabs__title {
    padding: 5px 20px;
    font-size: 17px;
  }
}
@media (max-width: 75em) {
  .product-page .tabs__title {
    font-size: 1.125rem;
    padding: 5px 15px;
  }
}
@media (max-width: 63.75em) {
  .product-page .tabs__title {
    border-radius: 5px;
    padding: 15px;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    color: var(--2);
    border: none !important;
    text-align: left;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    background: #fff;
  }
  .product-page .tabs__title:not(:last-child) {
    margin-bottom: 15px;
  }
  .product-page .tabs__title .mob-icon-tab {
    display: flex;
    transform: rotate(180deg);
  }
}
.product-page .tabs__content {
  padding-top: 70px;
}
@media (max-width: 100em) {
  .product-page .tabs__content {
    padding-top: 50px;
  }
}
@media (max-width: 63.75em) {
  .product-page .tabs__content {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 50em) {
  .product-page .tabs__content {
    font-size: 15px;
    padding-top: 0;
  }
}
@media (max-width: 63.75em) {
  .product-page .tabs__body {
    margin-top: -20px;
    margin-bottom: 15px;
  }
}
.product-page .fancybox__container {
  max-width: 100%;
}
.product-page [data-fancybox] {
  cursor: zoom-in;
}
.quantity {
  gap: 12px;
  align-items: center;
  max-width: 120px;
  display: flex;
}
.quantity__button {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  border: 0.6px solid var(--1);
  display: flex;
  align-items: center;
  padding: 9.5px;
  justify-content: center;
}
.quantity__button_minus {
  border: 0.6px solid var(--3);
}
.quantity__input {
  display: inline-block;
  max-width: 25px;
  flex: 1 1 auto;
  font-weight: 600;
}
.quantity__input input {
  text-align: center;
  width: 100%;
  height: 100%;
}

.slick-list .product-card {
  width: 100%;
  max-width: 100%;
}

.product-card__options-stock-icon {
  margin-right: 5px;
}

.slick-slide {
  overflow: hidden;
}

.all-series .container {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.all-series__title {
  margin-bottom: 30px;
}
@media (max-width: 63.75em) {
  .all-series__title {
    display: none;
  }
}
.all-series__subtitle {
  font-weight: 500;
  font-size: 27px;
  margin-bottom: 30px;
  line-height: 90%;
  color: #454545;
}
@media (max-width: 63.75em) {
  .all-series__subtitle {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 48em) {
  .all-series .tabs__wrrap {
    width: 100%;
    display: block;
    overflow: scroll;
    margin-bottom: 20px;
  }
  .all-series .tabs__wrrap::-webkit-scrollbar {
    width: 0;
  }
  .all-series .tabs__wrrap::-webkit-scrollbar {
    display: none;
  }
}
.all-series .tabs__navigation {
  flex-direction: row !important;
  gap: 10px;
  flex-wrap: wrap;
  align-items: stretch !important;
}
@media (max-width: 63.75em) {
  .all-series .tabs__navigation {
    margin-bottom: 30px;
    border-bottom: none !important;
  }
}
@media (max-width: 48em) {
  .all-series .tabs__navigation {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 170%;
    scrollbar-width: 0;
    margin-bottom: 20px;
  }
  .all-series .tabs__navigation::-webkit-scrollbar {
    width: 0;
  }
  .all-series .tabs__navigation::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 63.75em) {
  .all-series .product-page__card {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
  }
}
@media (max-width: 63.75em) {
  .all-series .tabs__title {
    width: 48%;
    text-align: center;
    margin-bottom: 0 !important;
    font-size: 1.5rem;
  }
}
@media (max-width: 48em) {
  .all-series .tabs__title {
    font-size: 1.875rem;
    border-radius: 5px !important;
    width: fit-content;
    flex: none;
    text-align: center;
    border-bottom: none !important;
  }
  .all-series .tabs__title::after {
    content: "";
    display: none !important;
  }
}

.cart {
  padding-top: 50px;
  font-size: 1.8rem;
}
@media (max-width: 62.5em) {
  .cart {
    padding-top: 20px;
  }
}
.cart__body {
  display: flex;
  gap: 25px;
  padding-top: 40px;
}
@media (max-width: 62.5em) {
  .cart__body {
    flex-direction: column;
    padding-top: 0px;
    gap: 20px;
  }
}
.cart .line {
  width: 1px;
  background: var(--4);
}
@media (max-width: 62.5em) {
  .cart .line {
    width: 100%;
    height: 1px;
  }
}
.cart__items {
  flex: 1 1 50%;
  max-width: 50%;
}
@media (max-width: 62.5em) {
  .cart__items {
    max-width: 100%;
    width: 100%;
    flex: 1 1 auto;
  }
}
.cart__items-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  color: var(--3);
  gap: 15px;
}
@media (max-width: 62.5em) {
  .cart__items-top {
    margin-bottom: 25px;
    flex-wrap: wrap;
  }
}
.cart__items-items {
  padding-top: 10px;
  border-top: 1px solid var(--3);
}
.cart__item {
  padding: 25px 0;
  width: 100%;
  gap: 17px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.cart__item:not(:last-child) {
  border-bottom: 1px solid var(--4);
}
@media (max-width: 43.75em) {
  .cart__item {
    padding: 18px;
    background: #fff;
    border-radius: 10px;
    flex-direction: column;
  }
  .cart__item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.cart input[type=checkbox] + label::before {
  /* top: 9px; */
  top: 0;
}
.cart__date-registr input[type=checkbox] + label::before {
  top: 1px;
}
@media (max-width: 48em) {
  .cart input[type=checkbox] + label::before {
    top: 0;
  }
}
.cart__item-chois {
  width: 20px;
  border-radius: 5px;
}
.cart__item-image {
  max-width: 152px;
  position: relative;
}
.cart__item-image img {
  width: 100%;
  border-radius: 10px;
  object-fit: contain;
  height: 120px;
}
@media (max-width: 43.75em) {
  .cart__item-image img {
    height: 200px;
  }
}
@media (max-width: 43.75em) {
  .cart__item-image {
    width: 100%;
    max-width: 100%;
    height: 200px;
  }
}
@media (max-width: 430px) {
  .cart__item-image {
    height: auto;
  }
  .cart__item-image img {
    height: auto;
  }
}
.cart__item-image .product-card__actions {
  display: none;
}
@media (max-width: 700px) {
  .cart__item-image .product-card__actions {
    display: flex;
    opacity: 1;
  }
}
.cart__item-cont {
  flex: 1 1 auto;
  max-width: 430px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 43.75em) {
  .cart__item-cont {
    max-width: 100%;
    width: 100%;
  }
}
.cart__item-top {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #a9a9a9;
}
.cart__item-ttl {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: var(--2);
  margin-bottom: 9px;
}
@media (max-width: 43.75em) {
  .cart__item-ttl {
    font-size: 1.125pxrem;
  }
}
.cart__colors {
  font-weight: 400;
  font-size: 16px;
  width: 100%;
  color: var(--3);
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 15px;
}
.cart__colors p {
  width: 28%;
  margin-right: 5px;
}
.cart__item-fav {
  margin-top: 15px;
  display: flex;
  gap: 15px;
}
.cart__item-box {
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
@media (max-width: 43.75em) {
  .cart__item-box {
    gap: 20px;
    text-align: center;
    flex-direction: row;
    align-items: center;
    width: 100%;
  }
}
.cart__item-price {
  font-weight: 600;
  font-size: 18px;
  line-height: 88%;
  color: var(--2);
}
.cart .corz {
  font-size: 1.9rem;
}
.cart__date {
  max-width: 50%;
  flex: 1 1 50%;
}
@media (max-width: 62.5em) {
  .cart__date {
    max-width: 100%;
    width: 100%;
    flex: 1 1 auto;
    border-radius: 10px;
  }
}
.cart .wrap {
  background: #f8f8f8;
  border-radius: 10px;
  padding: 30px 40px;
  margin-bottom: 45px;
}
@media (max-width: 62.5em) {
  .cart .wrap {
    padding: 15px;
    margin-bottom: 30px;
    background: #fff;
  }
}
.cart__date-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 30px;
}
@media (max-width: 43.75em) {
  .cart__date-top {
    margin-bottom: 20px;
    flex-wrap: wrap;
  }
}
.cart__date-form {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 30px;
}
@media (max-width: 62.5em) {
  .cart__date-form {
    gap: 15px;
    margin-bottom: 15px;
  }
}
.checkout-info {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 62.5em) {
  .checkout-info {
    gap: 15px;
  }
}
.cart__date-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 62.5em) {
  .cart__date-bottom {
    gap: 15px;
  }
}
@media (max-width: 43.75em) {
  .cart__date-bottom {
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
.cart__date-bottom-col {
  flex: 1 1 33%;
  flex-direction: column;
  display: flex;
  gap: 15px;
}
.cart__date-bottom-col .checkbox {
  font-size: 1.5rem;
}
@media (max-width: 48em) {
  .cart__date-bottom-col .checkbox {
    width: 100%;
  }
  .cart__date-bottom-col .checkbox label {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .cart__date-bottom-col .checkbox span {
    display: flex;
  }
}
@media (max-width: 43.75em) {
  .cart__date-bottom-col {
    width: 100%;
    flex: none;
    gap: 20px;
    display: flex;
    text-align: left;
    flex-direction: row;
    align-items: center;
  }
}
.cart__date-bottom-box {
  display: flex;
  gap: 15px;
}
@media (max-width: 43.75em) {
  .cart__date-bottom-box {
    justify-content: center;
  }
}
.cart__date-number-input {
  max-width: 100px;
  padding: 5px 10px;
  font-size: 1.5rem;
}
.cart__date-number-input::-webkit-inner-spin-button,
.cart__date-number-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cart__date-number-input {
  -moz-appearance: textfield;
}
@media (max-width: 43.75em) {
  .cart__date-number-input {
    text-align: center;
    border: 1px solid rgba(100, 100, 100, 0.6431372549);
    width: 100%;
    border-radius: 5px;
    max-width: 100%;
  }
}
.cart__date-delivery {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.cart__date-delivery .checkbox {
  max-width: 80%;
  font-size: 1.5rem;
}
@media (max-width: 62.5em) {
  .cart__date-delivery {
    gap: 20px;
    line-height: 130%;
  }
}
.cart__date-pay {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media (max-width: 62.5em) {
  .cart__date-concl {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
  }
}
.cart__date-concl-line {
  padding: 20px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid var(--4);
}
@media (max-width: 47.9375em) {
  .cart__date-concl-line:first-child {
    padding-top: 0;
  }
}
.cart__date-concl-itog {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  font-size: 24px;
  line-height: 1.2;
  color: var(--2);
  margin-bottom: 25px;
}
.cart__date-concl-promo {
  margin-bottom: 25px;
  display: flex;
}
.cart__date-concl-promo input {
  border: 1px solid var(--4);
  border-radius: 5px !important;
  width: 100%;
  padding: 8px 19px;
  outline: none;
}
@media (max-width: 48em) {
  .cart__date-concl-promo input {
    margin-right: 5px;
  }
}
.cart__date-concl-promo button {
  border: 0.79px solid var(--1);
  border-radius: 6px;
  padding: 10px;
  width: 141px;
  text-align: center;
  font-size: 1.5rem;
}
@media (max-width: 48em) {
  .cart__date-concl-promo {
    margin-bottom: 0;
  }
}
.cart__date-concl-buttons {
  display: flex;
  gap: 20px;
  width: 100%;
  margin-bottom: 20px;
}
.cart__date-concl-buttons button,
.cart__date-concl-buttons a {
  border-radius: 5px;
  padding: 11px;
  width: 100%;
}
@media (max-width: 43.75em) {
  .cart__date-concl-buttons {
    justify-content: space-around;
  }
}
.cart__date-terms {
  font-weight: 700;
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  color: var(--3);
  margin-bottom: 20px;
}
@media (max-width: 43.75em) {
  .cart__date-terms {
    text-align: center;
  }
}
.cart__date-concl-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.cart__date-concl-bottom a,
.cart__date-concl-bottom button {
  font-size: 1.5625rem;
  padding: 10px 19px;
  gap: 2px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 43.75em) {
  .cart__date-concl-bottom {
    flex-direction: column;
  }
}
.cart .checkbox {
  line-height: inherit;
}
.cart .checkbox__input {
  margin-right: 4px;
  transform: translateY(2px);
  display: inline-block;
}
.cart .quantity {
  gap: 12px;
  align-items: center;
  max-width: 120px;
  display: flex;
}
.cart .quantity__button {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  border: 0.6px solid var(--1);
  display: flex;
  align-items: center;
  padding: 9.5px;
  justify-content: center;
}
.cart .quantity__button_minus {
  border: 0.6px solid var(--3);
}
.cart .quantity__input {
  display: inline-block;
  min-width: 30px;
  max-width: 30px;
  flex: 1 1 auto;
  font-weight: 600;
}
.cart .quantity__input input {
  text-align: center;
  width: 100%;
  height: 100%;
}
.cart .input {
  border-radius: 10px;
  padding: 20px;
  font-weight: 400;
  background: var(--6);
  width: 100%;
  flex: 1 1 auto;
  font-size: 16px;
  color: #939393;
}
@media (max-width: 48em) {
  .cart .input {
    border: 1px solid #656565;
  }
}
@media (max-width: 768px) {
  .cart .input {
    padding: 10px 20px;
  }
}
.cart .phone {
  width: calc(50% - 30px);
}
.cart .email {
  width: calc(50% - 30px);
}
.cart .textarea {
  height: 112px;
}
.cart .cart-ttl {
  font-weight: 700;
  font-size: 18px;
  color: var(--2);
}
.quiz__body {
  margin-bottom: 40px;
  box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.12);
  background: var(--6);
  padding: 32px 80px;
  border-radius: 20px;
}
@media (max-width: 62.5em) {
  .quiz__body {
    padding: 15px;
  }
}
.quiz__top {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
  gap: 25px;
}
.quiz__line-item {
  flex: 1;
  height: 3px;
  background: #d9d9d9;
}
.quiz__line-item.active {
  background: var(--1);
}
.quiz__number-step {
  margin-bottom: 18px;
  font-weight: 700;
  font-size: 18px;
  line-height: 112%;
  color: var(--2);
}
@media (max-width: 62.5em) {
  .quiz__number-step {
    text-align: center;
    font-size: 16px;
  }
}
.quiz__block {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  display: none;
}
@media (max-width: 62.5em) {
  .quiz__block {
    flex-wrap: wrap;
    gap: 20px;
    flex-direction: column;
  }
}
.quiz__title {
  margin-bottom: 48px;
  font-weight: 600;
  font-size: 30px;
  text-align: center;
  line-height: 112%;
  text-align: center;
  color: var(--2);
  width: 100%;
}
@media (max-width: 62.5em) {
  .quiz__title {
    margin-bottom: 5px;
    font-size: 2.125rem;
  }
}
.quiz__q {
  width: calc(70% - 30px);
}
.quiz__q button,
.quiz__q a {
  padding: 11px 35px;
  border-radius: 5px;
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 1.8rem;
}

.quiz__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.quiz .btn-prev svg {
  transform: rotate(180deg);
}
@media (max-width: 62.5em) {
  .quiz__q {
    width: 100%;
  }
}
.quiz__box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
  gap: 25px;
}
@media (max-width: 62.5em) {
  .quiz__box {
    gap: 10px;
  }
}
.quiz__a {
  width: calc(30% - 30px);
}
.quiz__a img {
  width: 100%;
}
@media (max-width: 62.5em) {
  .quiz__a {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .step7 .quiz__a {
    display: none;
  }
}
.quiz .bx {
  display: flex;
  gap: 20px;
}
@media (max-width: 62.5em) {
  .quiz .bx {
    padding: 5px 8px;
    gap: 10px;
  }
  .quiz .bx button {
    font-size: 1.5rem;
  }
}
.quiz__text-wrap {
  font-weight: 400;
  background: #f8f8f8;
  border-radius: 10px;
  font-size: 16px;
  line-height: 126%;
  color: var(--2);
  padding: 12px 22px;
  width: 100%;
}
.quiz__text-img {
  width: 100%;
}
.quiz__text-img img {
  mix-blend-mode: darken;
  width: 100%;
}
.quiz .checkbox {
  width: 100%;
  display: block;
}
.quiz .checkbox label {
  position: relative;
  background: #f8f8f8;
  border-radius: 10px;
  width: 100%;
  display: block;
  cursor: pointer;
  max-width: 100%;
  padding: 16px 19px 19px 40px;
}
.quiz .checkbox label.file {
  width: 50px;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  padding: 14px 0;
}
.quiz .checkbox input[type=radio] + label::before {
  left: 18px;
  top: 16px;
}
.quiz .checkbox input[type=radio] + label::after {
  left: 23px;
  top: 21px;
}
@media (max-width: 62.5em) {
  .quiz .checkbox label {
    padding: 8px 10px 8px 34px;
    font-size: 1.5rem;
  }
  .quiz .checkbox label.file {
    padding: 2px 0;
  }
  .quiz .checkbox input[type=radio] + label::before {
    left: 10px;
    top: 8px;
  }
  .quiz .checkbox input[type=radio] + label::after {
    left: 15px;
    top: 13px;
  }
}
.quiz .checkbox__input {
  margin-right: 4px;
  display: inline-block;
  transform: translateY(2px);
}
.quiz .checkbox__box {
  background: #f8f8f8;
  border-radius: 10px;
  width: 100%;
  display: block;
  max-width: 100%;
  padding: 16px 19px;
  height: 200px;
  position: relative;
}
.quiz .checkbox__box .checkbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
}
.quiz .checkbox__textarea {
  width: 100%;
  padding-top: 50px;
  height: 100%;
  background: transparent;
  outline: none;
}
.quiz .step2 .checkbox {
  width: calc(50% - 15px);
}
@media (max-width: 62.5em) {
  .quiz .step2 .checkbox {
    width: calc(50% - 5px);
  }
}
.quiz .step3 .checkbox {
  width: calc(50% - 15px);
}
@media (max-width: 62.5em) {
  .quiz .step3 .checkbox {
    width: calc(50% - 5px);
  }
}
.quiz .step4 .checkbox {
  width: calc(50% - 15px);
}
@media (max-width: 62.5em) {
  .quiz .step4 .checkbox {
    width: calc(50% - 5px);
  }
}
.quiz .input {
  background: #f8f8f8;
  border-radius: 10px;
  width: 100%;
  display: block;
  max-width: 100%;
  padding: 16px 19px;
  font-size: 16px;
}

/* Скрываем стандартный чекбокс */
input[type=checkbox] {
  opacity: 0;
  position: absolute;
  cursor: pointer;
  height: 20px;
}

/* Стили для кастомного чекбокса */
input[type=checkbox] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  min-height: 20px;
  line-height: 135%; /* Высота строки для вертикального выравнивания */
  padding-left: 25px; /* Место для кастомного чекбокса */
}

.product-page__actions input[type=checkbox] + label {
  padding-left: 0;
}

/* Кастомный чекбокс */
input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  border: 1px solid #cfcfcf;
  border-radius: 1px;
  background-color: #fff;
}

/* Стиль галочки при активном состоянии */
input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  left: 6.5px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid #ff764a; /* Цвет галочки */
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Скрываем стандартные радио-кнопки */
input[type=radio] {
  opacity: 0;
  position: absolute;
  cursor: pointer;
  height: 20px;
  width: 20px;
}

/* Стили для кастомного радио-кнопки */
input[type=radio] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px; /* Место для кастомного радио-кнопки */
  cursor: pointer;
  min-height: 20px;
  font-size: 16px;
  line-height: 135%; /* Высота строки для вертикального выравнивания */
}

/* Кастомный радио-кнопка */
input[type=radio] + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  border: 2px solid #ff764a; /* Цвет границы */
  border-radius: 50%; /* Сделать круг */
  background-color: #fff; /* Цвет фона радио-кнопки */
}

/* Стиль для активного состояния (выбранное) */
input[type=radio]:checked + label::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%; /* Сделать кружок */
  background-color: #ff764a; /* Цвет внутреннего кружка при выборе */
}

.quiz .checkbox {
  position: relative;
}

.quiz .file {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: calc(50% - 14px);
}
.quiz .file input {
  display: block;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  font-size: 0rem;
  left: 0;
  right: 0;
  opacity: 0;
  top: 0;
  bottom: 0;
}

.propos {
  margin-bottom: 60px;
}
.propos__body {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.propos__item {
  width: calc(50% - 20px);
}
@media (max-width: 75em) {
  .propos__item {
    width: 100%;
  }
}
.propos__item .propos__item-slider {
	padding-bottom: 15px;
}
.propos__item .swiper-pagination-bullet {
	position: static !important;
	flex: 1;
	height: 100%;
	background: transparent;
	border-bottom: 4px solid #ff6f00;
	border-radius: 0 !important;
}
.propos__item .pagnation {
	position: absolute;
	z-index: 2;
	bottom: 0;
	height: 100%;
	display: flex;
	gap: 5px;
	width: 100%;
	min-height: 15px;
}
.propos__img {
  width: 100%;
  border-radius: 10px;
  height: 390px;
  object-fit: cover;
}
@media (max-width: 75em) {
  .propos__img {
    height: 250px;
  }
}
.propos__item-body {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 50em) {
  .propos__item-body {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.propos__item-size {
  font-size: 24px;
  line-height: normal;
  font-weight: 500;
}
@media (max-width: 50em) {
  .propos__item-size {
    font-size: 30px;
  }
}
.propos__item-box {
  display: flex;
  flex-direction: column;
  gap: 0px;
  color: #a9a9a9;
  font-size: 14px;
  gap: 10px;
}
.propos__item-name {
  font-size: 18px;
  line-height: 18px;
  color: #393939;
  font-weight: 700;
}
.propos__btn {
  padding: 13px 20px;
  border-radius: 4.9rem;
  font-size: 1.8rem;
  margin-left: auto;
}
@media (max-width: 50em) {
  .propos__btn {
    width: 100%;
    text-align: center;
  }
}

.fixed {
  position: fixed;
  top: 0;
  /* padding-left: 15px; */
  /* padding-right: 15px; */
  background: #fff;
  width: 100%;
  left: 0;
  z-index: 100;
}
.fixed .nav {
  display: none;
}
@media (max-width: 64em) {
  .fixed {
    padding-left: 0;
    padding-right: 0;
  }
}
.fixed .header-menu__list {
  display: none;
}
.fixed .header-menu {
  padding: 0;
}

.header__catalog._active .header__catalog-icon {
  display: none;
}
.header__catalog .header__catalog-icon2 {
  display: none;
}
.header__catalog._active .header__catalog-icon2 {
  display: inline-flex;
}

.closee {
  position: absolute;
  right: 5px;
  top: 12px;
  display: block;
  border-radius: 50%;
  color: #ff6f00;
  font-size: 22px;
  width: 25px;
  cursor: pointer;
  height: 25px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  z-index: 10;
}

.header__search-input {
  /* Ваши стили для input */
  position: relative;
}

/* Контейнер для точек пагинации */
.hero__category-slider .slick-dots {
  display: flex;
  justify-content: space-between; /* Размещаем точки равномерно */
  position: static !important;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 25px;
}

/* Стили для каждой "точки", теперь это полосы */
.hero__category-slider .slick-dots li {
  width: auto !important;
  flex: 1; /* Полоса занимает равную часть ширины */
  margin: 0 5px; /* Расстояние между полосами */
}

/* Полоса, представляющая точку */
.hero__category-slider .slick-dots li button {
  display: block;
  width: 100%;
  height: 7px; /* Высота полосы */
  background-color: #ddd; /* Цвет неактивной полосы */
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
}

/* Активная полоса */
.hero__category-slider .slick-dots li.slick-active button {
  background-color: #333; /* Цвет активной полосы */
}

.hero .hero__category-slider:before,
.hero .hero__category-slider:after {
  display: none !important;
}

.slick-track:before,
.slick-track:after {
  display: none;
}

.ajax-load-btn {
  padding: 20px 35px;
  font-size: 16px;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .ajax-load-btn {
    padding: 10px 15px;
    border-radius: 0.6rem;
  }
}

.category-card {
  position: relative;
  line-height: 135%;
}
.category-card:hover .hidden-block {
  display: block;
}

.category-card .hidden-block {
  display: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  background: #fff;
  position: absolute;
  left: 0;
  top: 100%;
  padding: 15px;
  z-index: 20;
  border-radius: 5px;
  width: 100%;
}
@media (max-width: 62.5em) {
  .category-card .hidden-block {
    padding: 10px;
  }
}

.list-hid {
  display: flex;
  font-size: 16px;
  font-weight: 400;
  flex-direction: column;
  gap: 10px;
}
.list-hid a:hover {
  text-decoration: underline;
}
@media (max-width: 1000px) {
  .list-hid {
    font-size: 14px;
  }
}

.list-ttl {
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 62.5em) {
  .list-ttl {
    font-size: 17px;
  }
}

.product-card {
  position: relative;
  max-width: 100%;
}
@media (min-width: 769px) {
  .product-card:hover {
    box-shadow: 0 11px 19px 0 rgba(0, 0, 0, 0.09);
    border-radius: 10px;
  }
  .product-card:hover .kod-tovar {
    opacity: 1;
  }
  .product-card:hover .product-card__actions {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .product-card .product-card__actions {
    opacity: 1;
    bottom: calc(10px + 2.2rem);
    right: 3px;
  }
}
.product-card .product-card__slide {
  width: 100% !important;
  border-radius: 10px;
  overflow: hidden;
}
.product-card__wr {
  position: relative;
  max-width: 100%;
}
.product-card__image {
  display: block;
  max-width: 100%;
  overflow: hidden;
  width: 100%;
}
.product-card .swiper img {
  width: 100%;
}
.product-card .product-card__slider {
  width: 100%;
  max-width: 100%;
  padding-bottom: 15px;
}
.product-card .swiper-pagination-bullet {
  position: static !important;
  flex: 1;
  height: 100%;
  background: transparent;
  border-bottom: 4px solid #ff6f00;
  border-radius: 0 !important;
}
.product-card .pagnation {
  position: absolute;
  z-index: 2;
  bottom: 0;
  height: 100%;
  display: flex;
  gap: 5px;
  width: 100%;
  min-height: 15px;
}
@media (max-width: 768px) {
  .product-card .pagnation {
    height: 15px;
  }
}
.product-card .kod-tovar {
  left: 0;
  transition: all 0.3s ease 0s;
  top: 0;
  z-index: 10;
  padding: 10px;
  border-radius: 10px;
  font-weight: 400;
  font-size: 13px;
  color: #646464;
  position: absolute;
  background: #e9e9e9;
  opacity: 0;
}
@media (max-width: 48em) {
  .product-card .kod-tovar {
    font-size: 10px;
    padding: 5px;
    border-radius: 5px;
    opacity: 1;
    left: 5px;
    top: 5px;
  }
}
.product-card__sticker {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: #ff764a;
  color: #fff;
  border-radius: 30px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 18px;
}
@media (max-width: 768px) {
  .product-card__sticker {
    top: 5px;
    right: 5px;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    font-size: 14px;
    line-height: 14px;
  }
}

.product-card__actions {
  display: flex;
  gap: 10px;
  position: absolute;
  bottom: 30px;
  right: 15px;
  z-index: 1;
  transition: all 0.3s ease 0s;
  opacity: 0;
}
.product-card__actions a {
  transition: all 0.3s ease 0s;
}
.product-card__actions a svg {
  fill: #232323;
}
.product-card__actions a rect {
  fill: #fff;
}
.product-card__actions a:hover {
  transform: scale(1.1);
}
.product-card__actions a:hover svg {
  fill: #ff6f00;
}
.product-card__actions a:hover rect {
  fill: #fff;
}
.product-card__actions a.compare svg > g > rect:not(:first-child) {
  fill: #232323;
}
.product-card__actions a.compare:hover svg > g > rect:not(:first-child) {
  fill: #ff6f00;
}

.next-color-btn {
  display: inline-block;
  position: absolute;
  right: -2px;
  z-index: 12;
  top: calc(50% - 8px);
}
.next-color-btn svg {
  transform: rotate(-90deg);
}
@media (max-width: 48em) {
  .next-color-btn {
    right: -3px;
  }
}

.options__slider {
  width: 100%;
  display: flex;
  position: relative;
  padding-right: 10px !important;
  margin: 0 !important;
  padding-bottom: 10px !important;
  overflow: unset !important;
  overflow-x: clip !important;
}
@media (max-width: 1668px) {
  .options__slider {
    padding-right: 5px !important;
  }
}
@media (max-width: 48em) {
  .product-page .options__slider {
    padding-right: 0 !important;
  }
}

.product-card__name::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px; /* Ширина зоны затухания */
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255)); /* Дымка от прозрачного к белому */
  pointer-events: none; /* Делаем дымку некликабельной */
}
@media (max-width: 62.5em) {
  .product-card__name::after {
    display: none;
  }
}

.reci2 .page-title {
  margin-bottom: 0;
}
@media (max-width: 62.5em) {
  .reci2 .page-title {
    margin-bottom: 25px;
  }
}

#tuuvui {
  margin-bottom: 40px;
  order: 1000;
}
#tuuvui p,
#tuuvui ul,
#tuuvui ol,
#tuuvui div,
#tuuvui h1,
#tuuvui h2,
#tuuvui h3,
#tuuvui h4,
#tuuvui h5,
#tuuvui h6 {
  line-height: 140%;
  font-size: 1.8rem;
}
#tuuvui p:not(:last-child),
#tuuvui ul:not(:last-child),
#tuuvui ol:not(:last-child),
#tuuvui div:not(:last-child),
#tuuvui h1:not(:last-child),
#tuuvui h2:not(:last-child),
#tuuvui h3:not(:last-child),
#tuuvui h4:not(:last-child),
#tuuvui h5:not(:last-child),
#tuuvui h6:not(:last-child) {
  margin-bottom: 14px;
}
#tuuvui h1,
#tuuvui h2,
#tuuvui h3,
#tuuvui h4,
#tuuvui h5,
#tuuvui h6 {
  font-weight: bold;
  font-size: 2.2rem;
}
#tuuvui li {
  list-style: disc;
  margin-left: 25px;
}
#tuuvui li:not(:last-child) {
  margin-bottom: 5px;
}

.right-buttons {
  display: none;
  position: fixed;
  top: calc(50% - 115px);
  right: 0;
  width: 160px;
  z-index: 3;
}

.product-page-wrapper {
  overflow: visible;
}

.product-page__images {
  position: sticky;
  top: 10px;
  left: 0;
}

.product-page__tabs-body {
  font-size: 1.8rem;
  line-height: 135%;
}

@media (min-width: 992px) {
  .right-buttons {
    display: block;
  }
}
.right-buttons button {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  color: #333;
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.16);
  border-radius: 100px 0px 0px 100px;
  position: relative;
}

.yellowbg {
  background: #fff9dd;
  margin-bottom: 16px;
}

.pinkbg {
  background: #ffece2;
  padding-right: 20px;
}

.form .input {
  display: block;
  width: 100%;
  padding: 15px 20px;
  border: 1px solid #000;
  border-radius: 5px;
  font-size: 18px;
}

.linii {
  margin-bottom: 15px;
}

.form h6 {
  margin-bottom: 20px;
  font-size: 24px;
  text-align: center;
}

.form .btn {
  width: 100%;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 18px;
}

.popup {
  z-index: 222;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  position: fixed;
  background: rgba(0, 0, 0, 0.2980392157);
  align-items: center;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

.popup__body {
  transition: all 0.35s ease-out, opacity 0.35s ease-out;
  transform: scale(0.45);
  z-index: 223;
  border-radius: 10px;
  background: #fff;
  padding: 50px;
  color: #000;
  font-size: 16px;
  position: relative;
  max-width: 480px;
  width: 100%;
  max-height: 89vh;
  overflow-y: auto;
  opacity: 0;
}

.popup.show .popup__body {
  transform: scale(1);
  opacity: 1;
}

.popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 28px;
  cursor: pointer;
  z-index: 1;
}

.popup .button-orange {
  padding: 15px 22px;
  cursor: pointer;
}

.popup__body {
  padding: 20px;
}

.popup-heading {
  font-size: 1.9rem;
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
}

.popup-center {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.popup_product_image img {
  max-width: 200px;
}

.payment-info div {
  display: flex;
  flex-direction: column;
}

.payment-info label {
  margin-bottom: 5px;
  font-weight: 600;
}

.payment-info input,
.payment-info textarea {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1em;
}

.payment-info textarea {
  resize: vertical;
  min-height: 80px;
}

.required span {
  color: red;
}

.form__bottom {
  margin-top: 15px;
  text-align: center;
}

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

@media (max-width: 768px) {
  .popup__body {
    padding: 15px;
  }
  .popup-heading {
    font-size: 1.8rem;
  }
  .payment-info input,
  .payment-info textarea {
    font-size: 0.9em;
  }
  #popup-send-button {
    width: 100%;
    box-sizing: border-box;
  }
}
@media (max-width: 480px) {
  .popup__body {
    padding: 10px;
  }
  .popup-heading {
    font-size: 1em;
  }
  .payment-info input,
  .payment-info textarea {
    font-size: 1.6rem;
    padding: 8px;
  }
}
.fixed-nav-niz {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 10;
}

.mini-cart {
  position: absolute;
  right: -10px;
  z-index: 12;
  width: 650px;
  top: 100%;
  box-shadow: 0 25px 34px 0 rgba(0, 0, 0, 0.2);
  background: var(--6);
  overflow: hidden;
  border-radius: 10px;
  display: none;
}
.mini-cart__top {
  padding: 20px 40px;
  background: var(--5);
  font-weight: 600;
  font-size: 20px;
  line-height: 110%;
  color: var(--2);
}
@media (max-width: 100em) {
  .mini-cart__top {
    padding: 15px 28px;
  }
}
.mini-cart__body {
  padding: 20px 40px;
  max-height: 500px;
  overflow-y: scroll;
}
@media (max-width: 100em) {
  .mini-cart__body {
    padding: 15px 28px;
  }
}
.mini-cart .imgg {
  width: 107px;
  height: 107px;
  object-fit: cover;
}
.mini-cart__line {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.mini-cart__line:not(:last-child) {
  margin-bottom: 30px;
}
.mini-cart__line-inf {
  width: 100%;
  max-width: 233px;
}
.mini-cart__line-name {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: var(--2);
}
.mini-cart__line-items {
  font-size: 16px;
}
.mini-cart__actions {
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
  font-weight: 600;
  font-size: 20px;
  line-height: 88%;
  text-align: right;
  color: var(--2);
}
.mini-cart__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
}
@media (max-width: 100em) {
  .mini-cart__bottom {
    padding: 15px 28px;
  }
}
.mini-cart__box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mini-cart__nn {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  color: var(--3);
}
.mini-cart__span {
  font-weight: 700;
  font-size: 34px;
  text-align: right;
  color: var(--2);
}
.mini-cart__wrap {
  display: flex;
  gap: 15px;
  margin: 10px 0;
  flex: 1;
  align-items: center;
}
.mini-cart__wrap p {
  /* width: 20%; */
}
.mini-cart__wrap .product-card__options-block {
  flex: 1;
}
.mini-cart .product-card__options-block-span {
  width: 100%;
  height: 30px;
}
.mini-cart .button-orange {
  border-radius: 6px;
  padding: 12px 48px;
  font-size: 17px;
}

.header__control-cart {
  position: relative;
}

.header__cart {
  position: relative;
}
.header__cart:hover .mini-cart {
  display: block;
}

@media (max-width: 62.5em) {
  .product-page-wrapper {
    overflow: hidden;
  }
}

.product-page__color {
  border-radius: 3px;
}
@media (max-width: 48em) {
  .product-page__color {
    overflow: hidden;
  }
}
.product-page__color img {
  margin-left: -1px;
  margin-top: -1px;
  /* border: 1px solid #dcdada; */
}
.product-page__color label img {
  margin: 0;
  border: 1px solid transparent;
  border-radius: .4rem;
}
.product-page__color label img.bordered,
.product-card__options label img.bordered {
  border: 1px solid #b5b5b5;
  border-radius: .4rem;
}

.product-page__colors:not(:last-child) {
  align-items: center;
  margin-bottom: 20px !important;
}

.product-page__colors-name {
  display: flex;
  align-items: center;
  font-size: 16px;
}

@media (max-width: 48em) {
  .product-page__color.active {
    border: 1px solid #a6a6a6;
  }
}

@media (max-width: 62.5em) {
  .product-page__images {
    top: auto;
    left: auto;
    position: relative !important;
  }
}

.header-menu__list-item-link {
  display: flex;
  align-items: center;
  gap: 5px;
}

.cart__date-concl input {
  top: auto;
}

.cart .cart__date-concl input[type=checkbox] + label::before {
  top: auto;
}

.cart__date-bottom-col svg {
  transform: translateY(7px);
}
@media (max-width: 48em) {
  .cart__date-bottom-col svg {
    transform: none;
  }
}

.visible768 {
  display: none;
}

@media (max-width: 768px) {
  .catalog__body {
    margin-top: 20px;
  }
  .none768 {
    display: none;
  }
  .visible768 {
    display: flex;
  }
  .footer-bottom {
    padding-top: 4rem;
  }
  .footer .spoiler {
    width: 100%;
    flex-direction: column;
    max-width: 100%;
  }
  .footer .spoiler:not(:last-child) {
    margin-bottom: 15px;
  }
  .footer-block__list {
    display: none;
  }
  .footer-block__title {
    cursor: pointer;
    max-width: 100%;
    width: 100%;
    white-space: wrap;
    padding: 14px 19px;
    border-radius: 5px;
    justify-content: space-between;
    position: relative;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.124);
  }
  .footer-block__title br {
    display: none;
  }
  .footer-block.open .footer-block__list {
    display: flex;
    padding: 14px 19px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.133);
  }
  .footer-block__title::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg); /* По умолчанию смотрит вправо */
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ff764a; /* Цвет треугольника */
    transition: transform 0.3s ease; /* Плавное вращение */
  }
  /* Когда спойлер открыт, поворачиваем треугольник вниз */
  .footer-block.open .footer-block__title::after {
    transform: translateY(-50%) rotate(180deg);
  }
  .footer-bottom__contacts-link {
    margin-bottom: 1.7rem;
    line-height: 130%;
    width: 100%;
    max-width: 100%;
  }
}
.back-to-top {
  position: fixed;
  bottom: 60px;
  right: 20px;
  z-index: 1000;
  display: none;
}
@media (min-width: 48em) {
  .back-to-top {
    display: none !important; /* Скроем по умолчанию */
  }
}

.back-to-top svg {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-color: #f0f0f0; /* Светло-серый фон */
  padding: 10px;
}

.hidden-text {
  display: none;
}

.razvernut {
  font-size: 18px;
  color: #ff6f00;
}

.product-page__mob-stat:active,
.product-page__mob-fav:active {
  transform: scale(0.8);
}
@media (max-width: 48em) {
  .product-page__mob-stat img,
  .product-page__mob-fav img,
  .product-page__mob-stat svg,
  .product-page__mob-fav svg {
    max-width: 30px;
  }
}
.with-fancybox .product-page__mob-stat,
.with-fancybox .product-page__mob-fav {
  display: none;
}

.mobile-dop {
  display: none;
}
@media (max-width: 48em) {
  .mobile-dop {
    display: block;
  }
}

@media (max-width: 48em) {
  .sjdhfshldfj {
    display: none !important;
  }
}

.tabs .nonei {
  display: none;
}
@media (max-width: 48em) {
  .tabs .nonei {
    display: flex;
  }
}

@media (max-width: 48em) {
  .product-page__chk-box .checkbox:not(:last-child) {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
  }
}

.chois-material {
  padding: 7px 14px;
}

@media (max-width: 48em) {
  .product-page__delivery {
    border-radius: 5px;
    padding: 15px;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    color: var(--2);
    border: none !important;
    text-align: left;
    display: flex;
    gap: 12px;
    background: #fff;
  }
}

@media (max-width: 48em) {
  .product-page__delivery-icon {
    display: none;
  }
}

@media (max-width: 48em) {
  .product-page__delivery-cont {
    width: 100%;
    white-space: wrap;
    display: block;
    line-height: 125%;
  }
}

.revi__blocck {
  display: none;
}
@media (max-width: 48em) {
  .revi__blocck {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

@media (max-width: 48em) {
  .none1000R {
    display: none;
  }
}

.revieww__slider {
  max-width: 100%;
  width: 100%;
}
.revieww__slider img {
  width: 100%;
}

.new-card-rev .revi-card__rating {
  display: flex;
  align-items: center;
  margin-top: 12px;
  gap: 5px;
}
.new-card-rev .revi-card__rating img {
  width: 18px;
}
.new-card-rev .revi-card__rating .date {
  font-weight: 500;
  font-size: 14px;
  margin-left: 10px;
  line-height: 109%;
  color: var(--3);
}

.new-card-rev {
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
}

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

@media (max-width: 48em) {
  .product-page__tabs-body .product-page__chk-box .checkbox__label {
    width: 100%;
  }
  .product-page__tabs-body .product-page__chk-box .checkbox__text {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
  }
  .product-page__tabs-body .product-page__chk-box strong {
    display: inline-block;
    margin-left: auto;
  }
}

.product-card .sizes {
  display: none;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin-bottom: 12px;
  font-size: 1.5rem;
}
.product-card .sizes svg {
  width: 15px;
}
.product-card .sizes span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 48em) {
  .product-card .sizes {
    display: inline-flex;
  }
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
/**
 * Swiper 7.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 27, 2021
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: var(--1);
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 60px;
}

.swiper-button-next,
.swiper-button-prev {
  transition: all 0.3s ease 0s;
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next:active,
.swiper-button-prev:active {
  transform: scale(0.8);
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  display: none;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

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

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

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

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}


.region-list {
  max-height: 400px;
  overflow-y: scroll;
}
.region-list > p {
  font-weight: bold;
  margin-bottom: 10px;
}
.region-list ul {
  margin-bottom: 15px;
}
.region-list li {
  margin-bottom: 10px;
}
.region-list li a {
  color: #656565;
}
.region-list li a:hover {
  color: var(--1);
}
.region-list li a.active {
  font-weight: bold;
}

.region-search {
  position: relative;
}
.region-search-input {
  display: flex;
  align-items: center;
  padding: 0 2rem;
  width: 100%;
  height: 3.7rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.4rem;
  color: var(--2);
  border: 1px solid #d1d1d1;
  transition: border 0.2s;
}
.region-suggestion-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
}
.region-suggestion-item {
  display: flex;
  align-items: center;
  width: 100%;
}
.region-suggestion-item a {
  position: relative;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 1.8rem;
  color: #656565;
  padding: 5px 0;
}
.region-suggestion-item a:hover {
  color: var(--1);
}
.region-search .dropdown-menu {
  padding: 10px 15px;
}
.region-search .dropdown-menu::before {
  width: 100%;
}

.region-top {
  display: flex;
  gap: 20px;
}
.region-top li a {
  border-bottom: 1px dashed ;
}
.region-top li a.active {
  font-weight: bold;
}

/* product-offer start */
.product-offer {
  margin: 5rem 0;
  order: 999;
}
.product-offer__title {
  font-size: 2.2rem;
  margin-bottom: 70px;
}
.product-offer__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.product-offer__item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background-color: #F6F6F6;
  border-radius: 13px;
  padding: 25px 80px;
}
.product-offer__name {
  width: 40%;
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
}
.product-offer__name img {
  width: 35px;
  margin-right: 15px;
}
.product-offer__price {
  width: 15%;
  font-size: 3.2rem;
  line-height: 1.2;
  font-weight: 600;
}
.product-offer__info {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 20px;
}
.product-offer__image {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  overflow: hidden;
}
.product-offer__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-offer__link {
  height: fit-content;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 400;
  text-decoration: underline !important;
}
@media (max-width: 1400px) {
  .product-offer__name {
    font-size: 2rem;
  }
  .product-offer__price {
    font-size: 3.2rem;
  }
  .product-offer__info {
    flex-direction: column;
  }
}
@media (max-width: 1280px) {
  .product-offer__item {
    flex-wrap: wrap;
    padding: 25px;
  }
  .product-offer__name {
    width: auto;
  }
  .product-offer__price {
    width: auto;
  }
  .product-offer__info {
    width: 100%;
    flex: 100%;
    flex-direction: row;
  }
}
@media (max-width: 768px) {
  .product-offer__item {
    gap: 15px;
  }
  .product-offer__name {
    font-size: 1.7rem;
  }
  .product-offer__name img {
    width: 30px;
    margin-right: 10px;
  }
  .product-offer__price {
    font-size: 2.2rem;
  }
  .product-offer__image {
    width: 70px;
    height: 70px;
  }
  .product-offer__link {
    font-size: 1.7rem;
  }
}
@media (max-width: 375px) {
  .product-offer__name img {
    width: 20px;
  }
  .product-offer__info {
    gap: 10px;
  }
}
/* product-offer end */

/* latest-reviews start */
.latest-reviews {
  order: 1000;
  padding-top: var(--padding-50);
  padding-bottom: var(--padding-50);
}
.latest-reviews__top-title {
  font-size: 2.2rem;
}
.latest-reviews__top-link {
  gap: 1rem;
  padding: 1.2rem 2.1rem;
  height: 4.5rem;
  border-radius: 4.9rem;
}
.latest-reviews__top-link svg {
  flex-shrink: 0;
  display: block;
  width: 1.7rem;
  height: 1rem;
  fill: var(--2);
  transition: fill 0.2s;
}

.latest-reviews__block {
  position: relative;
}
.latest-reviews__block .slick-slide {
  position: relative;
}
.latest-review {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  border-radius: 1rem;
  background: var(--7);
}
.latest-review__product {
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
}
.latest-review__image {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  overflow: hidden;
}
.latest-review__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.latest-review__product-sku {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #A9A9A9;
  margin-bottom: 10px;
}
.latest-review__product-name a {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  color: #454545;
}
.latest-review__text {
  min-height: 70px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 30px;
}
.latest-review__author {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 10px;
}
.latest-review__rating {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.6rem;
}
.latest-review__rating svg {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  fill: var(--1);
}
@media (max-width: 768px) {
  .latest-review__product-name a {
    font-size: 18px;
  }
  .latest-review__text {
    font-size: 1.8rem;
  }
}
/* latest-reviews end */

/* relcategory start */
.relcategory__item {
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 16px 22px;
}
.relcategory__image {
  width: 80px;
}
.relcategory__desc {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
.relcategory__title {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
  color: #232323;
}
.relcategory__text {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  color: #FF764A;
}
@media (max-width: 480px) {
  .relcategory__item {
    gap: 16px;
    padding: 8px 12px;
  }
  .relcategory__image {
    width: 60px;
  }
  .relcategory__title {
    font-size: 14px;
  }
  .relcategory__text {
    font-size: 12px;
  }
}
/* relcategory end */

.visible-desktop {
  display: flex !important;
}
.visible-mobile {
  display: none !important;
}
@media (max-width: 768px) {
  .visible-mobile {
    display: flex !important;
  }
  .visible-desktop {
    display: none !important;
  }
}

.__jivoMobileButton > [class^="button"]{
    display: none !important;
}


/* review links start */
.review-link-page {
  width: 100%;
}

.review-link-page__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 105%;
}
@media (max-width: 992px) {
  .review-link-page__title {
    font-size: 36px;
  }
}
@media (max-width: 768px) {
  .review-link-page__title {
    font-size: 32px;
  }
}
@media (max-width: 576px) {
  .review-link-page__title {
    font-size: 26px;
  }
}

.review-link__list {
  display: flex;
  flex-direction: column;
  padding-top: 50px;
  gap: 15px;
  list-style: none;
  padding-left: 0px;
}
@media (max-width: 768px) {
  .review-link__list {
    padding-top: 25px;
    margin: 0px;
  }
}

.review-link__item {
  display: flex;
  gap: 72px;
  justify-content: space-between;
  border: 1px solid #E1E1E1;
  border-radius: 25px;
  padding: 50px 43px;
  position: relative;
}
@media (max-width: 768px) {
  .review-link__item {
    flex-direction: column;
    padding: 20px;
    gap: 20px;
  }
}

.review-link__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 25px;
}

.review-link__img {
  -o-object-fit: cover;
     object-fit: cover;
}

.review-link__link {
  width: max-content;
  display: flex;
  justify-content: center;
  gap: 10px;
  border-radius: 52px;
  border: 1.5px solid #E1E1E1;
  padding: 12px 36px;
  text-decoration: none;
  color: black;
  font-family: Gilroy;
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 576px) {
  .review-link__link {
    position: absolute;
    bottom: 20px;
    right: 20px;
    left: 20px;
  }
}
.review-link__link::after {
  content: "";
  display: flex;
  width: 19px;
  height: 18px;
  background: url(../img/arrow-right.svg) no-repeat center;
}

.review-link__right {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}

.review-link__info {
  display: flex;
  gap: 30px;
}

.review-link__date, .review-link__site {
  color: #919191;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.review-link__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 576px) {
  .review-link__content {
    padding-bottom: 60px;
  }
}

.review-link__title {
  color: #232323;
  font-weight: 700;
  font-size: 28px;
  line-height: 110%;
}
@media (max-width: 768px) {
  .review-link__title {
    font-size: 20px;
  }
}

.review-link__text {
  color: #232323;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .review-link__text {
    font-size: 14px;
  }
}
/* review links end */

/* articles start */
.articles__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  margin-top: 4rem;
}
.articles__item {
  width: calc((100% / 4) - 50px);
  padding: 30px 25px;
  border-radius: 40px;
  box-shadow: 0 11px 19px 8px rgba(0, 0, 0, 0.09);
}
.articles__item-image {
  overflow: hidden;
  border-radius: 40px;
  max-height: 200px;
  margin-bottom: 25px;
}
.articles__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.articles__item-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
}
.articles__item-date,
.articles__item-views {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  color: #B0B0B0;
}
.articles__item-views svg {
  width: 21px;
}
.articles__item-info {
  
}
.articles__item-title {
  font-size: 20px;
  line-height: 1.1;
  font-weight: 700;
  color: #232323;
  margin-bottom: 25px;
}
.articles__item-introtext {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  color: #232323;
}
@media (max-width: 1480px) {
  .articles__wrapper {
    gap: 30px;
  }
  .articles__item {
    width: calc((100% / 3) - 30px);
  }
}
@media (max-width: 1024px) {
  .articles__wrapper {
    gap: 20px;
  }
  .articles__item {
    width: calc((100% / 2) - 20px);
    padding: 20px 15px;
  }
}
@media (max-width: 480px) {
  .articles__wrapper {
    gap: 15px;
  }
  .articles__item {
    width: 100%;
  }
}
/* articles end */

.material-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 10px;
}
.material-gallery > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.material-gallery > div img {
  width: 100%;
  max-width: 200px;
}
#tab-extra-2  {
  font-weight: bold;
}
.material-gallery > div {
  font-weight: normal;
}
@media (max-width: 768px) {
  .material-gallery > div {
    width: calc(50% - 15px);
  }
}

/* article author start */
.article__author {
  display: flex;
  gap: 25px;
  background: #FAFAFA;
  border-radius: 9px;
  padding: 25px;
  margin: 50px 0 30px;
}
.article__author img {
  width: 65px;
  height: 65px;
  border-radius: 65px;
  overflow: hidden;
}
.article__author-right {
  flex: 1;
  display: flex;
  gap: 10px;
  flex-direction: column;
  justify-content: center;
}
.article__author-title {
  font-size: 16px;
  font-weight: 400;
}
.article__author-name {
  font-size: 20px;
  font-weight: 600;
}
/* article author end */

/* news-single__ai start */
.news-single__ai--mobile {
  display: flex;
  flex-direction: column;
  margin-bottom: 5rem;
}
.news-single__ai-title {
  margin-top: 5rem;
}
.news-single__ai--mobile .news-single__ai-title {
  margin-top: 0;
}
.news-single__ai-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.news-single__ai-item,
.news-single__ai-item:visited {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 1px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 0px 1px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 0px 1px 8px 0px rgba(34, 60, 80, 0.2);
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: #222222;
}
.news-single__ai-item:hover {
  color: #f44336;
}
.news-single__ai-item img {
  width: 16px;
}
/* news-single__ai end */

/* block-show-more start */
.block-show-more .block-show-more__content {
  max-height: 85px;
  overflow: hidden;
}
.block-show-more.full .block-show-more__content {
  max-height: max-content;
}
.block-show-more__button {
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  color: var(--1);
  text-align: left;
}
.block-show-more__button > span:nth-child(2) {
  display: none;
}
.block-show-more.full .block-show-more__button > span:nth-child(1) {
  display: none;
}
.block-show-more.full .block-show-more__button > span:nth-child(2) {
  display: block;
}
/* block-show-more end */

/* option-show-more start */
.option-show-more {

}
.option-show-more .option-show-more__hidden {
  display: none;
}
.option-show-more.full .option-show-more__hidden {
  display: flex;
}
.option-show-more__button {
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: var(--1);
  text-align: left;
}
.option-show-more__button > span:nth-child(2) {
  display: none;
}
.option-show-more.full .option-show-more__button > span:nth-child(1) {
  display: none;
}
.option-show-more.full .option-show-more__button > span:nth-child(2) {
  display: block;
}
/* option-show-more end */