@charset "UTF-8";
/*
Theme Name: st_theme
Theme URI: https://wordpress.org/themes/
Author: me
Author URI: https://wordpress.org/
Text Domain: st_theme
*/




/*Обнуление*/
* {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

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

:focus, :active {
  outline: none;
}

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

nav, footer, header, aside {
  display: block;
}

html, body {
  font-family: "Inter Regular", sans-serif;
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 10px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

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

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a, 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-size: inherit;
  font-weight: 400;
}

/*--------------------*/
.main {
  overflow-x: hidden;
  padding-bottom: 5rem;
  position: relative;
}
.main > .pages-background {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5rem;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.container {
  max-width: 150rem;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 98rem) {
  .container {
    padding: 0 4rem;
  }
}

.mini-container {
  max-width: 130rem;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 90rem) {
  .mini-container {
    padding: 0 4rem;
  }
}

.title {
  font-family: "Inter Regular", sans-serif;
  font-size: 6.4rem;
  text-transform: uppercase;
  letter-spacing: 0.38rem;
  color: #AA520F;
  line-height: 1.2;
}
@media only screen and (max-width: 140rem) {
  .title {
    font-size: 3.6rem;
  }
}
@media only screen and (max-width: 90rem) {
  .title {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 70rem) {
  .title {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 70rem) {
  .title {
    font-size: 2.2rem;
  }
}

.text {
  font-family: "Inter Regular", sans-serif;
  font-size: 2.4rem;
  color: #202729;
  line-height: 1.5;
}
@media only screen and (max-width: 140rem) {
  .text {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 90rem) {
  .text {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 70rem) {
  .text {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 49rem) {
  .text {
    font-size: 1.4rem;
  }
}

.vertical-text {
  position: absolute;
  left: 51%;
  transform: translate(-51%) rotate(-90deg);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.6rem;
}
@media only screen and (max-width: 90rem) {
  .vertical-text {
    left: 52%;
  }
}
@media only screen and (max-width: 49rem) {
  .vertical-text {
    display: none;
  }
}
.vertical-text > a {
  transform: rotate(90deg);
  animation: bounce 0.8s infinite alternate;
}
.vertical-text > a svg {
  width: 1.2rem;
  height: 1.2rem;
}
.vertical-text > h3 {
  text-transform: uppercase;
  font-size: 1.8rem;
  color: #202729;
  letter-spacing: 0.38rem;
}
@keyframes bounce {
  0% {
    transform: translateX(0) rotate(90deg);
  }
  100% {
    transform: translateX(-1rem) rotate(90deg);
  }
}

.outlined-text {
  font-family: "Montserrat Bold";
  font-size: 12rem;
  color: transparent;
  -webkit-text-stroke: 0.1rem #202729;
  background-color: transparent;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 90rem) {
  .outlined-text {
    font-size: 10rem;
  }
}
@media only screen and (max-width: 70rem) {
  .outlined-text {
    font-size: 5rem;
  }
}

.color-white {
  color: #fff;
}

.color-gray {
  color: #EAEAE6;
}

.color-main-color {
  color: #202729;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-10 {
  margin-bottom: 10rem;
}

.fsz-18 {
  font-size: 1.8rem;
}

.fw-bold {
  font-weight: bold;
}

.row-reverse {
  flex-direction: row-reverse;
}

.bg-black {
  background-color: #202729;
}

.bg-white {
  background-color: #fff;
}

.align-self-start {
  align-self: start;
}

.align-self-end {
  align-self: end;
}

.btn {
  display: inline-block;
  background-color: #AA520F;
  color: #EAEAE6;
  font-family: "Inter Semibold", sans-serif;
  font-size: 1.8rem;
  text-transform: uppercase;
  text-align: center;
  padding: 1.4rem 4.5rem;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 49rem) {
  .btn {
    font-size: 1.4rem;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: #fff;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__container {
  padding: 0 4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 5rem;
}

.header__container .hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  z-index: 11;
}
@media only screen and (max-width: 49rem) {
  .header__container {
    padding: 0 2rem 0 2rem;
  }
}
@media only screen and (max-width: 49rem) {
  .logo img{
    max-width: 12rem;
}
}

@media only screen and (max-width: 70rem) {
  .header__container .hamburger {
    display: flex;
  }
}
.header__container .hamburger .line {
  width: 1.8rem;
  height: 0.12rem;
  background-color: #202729;
  margin: 0.3rem 0;
  transition: transform 0.3s ease-in-out;
}
.header__container .hamburger.open .line:nth-child(1) {
  transform: rotate(-45deg) translate(-0.5rem, 0.3rem);
}
.header__container .hamburger.open .line:nth-child(2) {
  transform: rotate(45deg) translate(-0.2rem, 0rem);
}
.header .nav {
  font-family: "Inter Medium", sans-serif;
}
@media only screen and (max-width: 70rem) {
  .header .nav {
    max-height: 0%;
    transition: max-height 0.5s ease;
    position: fixed;
    top: 5rem;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: #e1d6d1;
    overflow-y: auto;
  }
}
.header .nav__arrow {
  width: 1.2rem;
  height: 1.2rem;
  transition: transform 0.3s ease;
}
.header .nav__arrow.open {
  transform: rotate(90deg);
}
@media only screen and (max-width: 70rem) {
  .header .nav.active {
    max-height: 100%;
  }
}
.header .nav__list {
  display: flex;
  gap: 12rem;
}
@media only screen and (max-width: 90rem) {
  .header .nav__list {
    gap: 5rem;
  }
}
@media only screen and (max-width: 70rem) {
  .header .nav__list {
    flex-direction: column;
    gap: 0;
    padding: 1rem 4rem;
  }
}
.header .nav__item,
.header .nav .nav__list li,
.header .nav .menu-item {
  position: relative;
  cursor: pointer;
  z-index: 1;
  transition: all 0.4s;
}
.header .nav__item:after,
.header .nav .nav__list li:after,
.header .nav .menu-item:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 110%;
  background: transparent;
  z-index: 5;
}
.header .nav__item:hover .sub-menu, .header .nav__item:hover .nav__list .sub-menu,
.header .nav .nav__list li:hover .sub-menu,
.header .nav .nav__list li:hover .nav__list .sub-menu,
.header .nav .menu-item:hover .sub-menu,
.header .nav .menu-item:hover .nav__list .sub-menu {
  display: flex;
}
.header .nav__item.open svg,
.header .nav .nav__list li.open svg,
.header .nav .menu-item.open svg {
  transform: rotate(90deg);
}
@media only screen and (max-width: 70rem) {
  .header .nav__item,
  .header .nav .nav__list li,
  .header .nav .menu-item {
    padding: 2rem 0;
    border-bottom: 0.1rem solid #202729;
  }
  .header .nav__item .sub-menu,
  .header .nav .nav__list li .sub-menu,
  .header .nav .menu-item .sub-menu {
    display: block;
    opacity: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
}
.header .nav__item a,
.header .nav__item .nav__list li a,
.header .nav .nav__list li a,
.header .nav .nav__list li .nav__list li a,
.header .nav .menu-item a,
.header .nav .menu-item .nav__list li a {
  font-size: 1.8rem;
  color: #202729;
  letter-spacing: 0.18rem;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.header .nav__item a:hover,
.header .nav__item .nav__list li a:hover,
.header .nav .nav__list li a:hover,
.header .nav .nav__list li .nav__list li a:hover,
.header .nav .menu-item a:hover,
.header .nav .menu-item .nav__list li a:hover {
  color: #000;
}
@media only screen and (max-width: 70rem) {
  .header .nav__item a,
  .header .nav__item .nav__list li a,
  .header .nav .nav__list li a,
  .header .nav .nav__list li .nav__list li a,
  .header .nav .menu-item a,
  .header .nav .menu-item .nav__list li a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 1.6rem;
  }
}
.header .sub-menu,
.header .nav .nav__list .sub-menu {
  position: absolute;
  display: none;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2rem 4rem 2rem 4rem;
  top: 190%;
  background-color: #e1d6d1;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
  width: 19rem;
}
.header .sub-menu:after,
.header .nav .nav__list .sub-menu:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto;
  background: transparent;
  z-index: 5;
}
.header .sub-menu .nav__link,
.header .sub-menu .nav__list .nav-link,
.header .nav .nav__list .sub-menu .nav__link,
.header .nav .nav__list .sub-menu .nav__list .nav-link {
  position: relative;
  white-space: nowrap;
}
.header.sub-menu.open,
.header .nav .nav__list .sub-menu.open {
  display: flex;
  position: static;
  transform: translateX(0rem);
  gap: 1rem;
  padding: 1rem 0 0 0;
  opacity: 1;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
@media only screen and (max-width: 70rem) {
  .header .sub-menu a,
  .header .nav .nav__list .sub-menu a {
    font-size: 1.4rem;
  }
}
.header .nav__link,
.header .nav .nav__list a,
.header .nav .menu-item a {
  font-size: 1.8rem;
  color: #202729;
  letter-spacing: 0.18rem;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.header .nav__link:hover,
.header .nav .nav__list a:hover,
.header .nav .menu-item a:hover {
  color: #000;
}
@media only screen and (max-width: 70rem) {
  .header .nav__link,
  .header .nav .nav__list a,
  .header .nav .menu-item a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 1.6rem;
  }
}
.header-icons {
  display: flex;
  align-items: center;
  gap: 1.3rem;
  cursor: pointer;
}
.header-icons__phone > img {
  width: 2rem;
  height: 2rem;
}
.header-icons__lang {
  display: none;
  align-items: center;
  gap: 1rem;
  font-size: 1.4rem;
  color: #202729;
  letter-spacing: 10%;
  position: relative;
}
.header-icons__lang:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 110%;
  background: transparent;
  z-index: 5;
}
.header-icons__lang-dropdown {
  display: flex;
  gap: 1rem;
  position: absolute;
  padding: 1rem 4rem 4rem 4rem;
  top: 5rem;
  background-color: #e1d6d1;
  z-index: 9;
  width: 3rem;
}
.header-icons__lang:hover .header-icons__lang-dropdown {
  display: flex;
}
@media only screen and (max-width: 70rem) {
  .header-icons__lang .nav__arrow {
    width: 1rem;
  }
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  animation: fadeIn 0.3s ease-out;
}
.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 4rem 3rem;
  border-radius: 1.5rem;
  text-align: center;
  width: 90%;
  max-width: 40rem;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
  /* Анимация появления модалки */
}
@media only screen and (max-width: 49rem) {
  .modal-content {
    padding: 3rem 0;
    width: 80%;
  }
}
.modal-content h2 {
  font-size: 2.4rem;
  margin-bottom: 2rem;
  font-weight: 600;
  color: #202729;
}
.modal-content p {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-content p > img {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
}
.modal-content p > a {
  font-size: 1.8rem;
  color: #AA520F;
  transition: color 0.3s ease;
}
.modal-content p > a:hover {
  color: #202729;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.modal__close-btn {
  position: absolute;
  top: 1rem;
  right: 2rem;
  font-size: 3rem;
  font-weight: bold;
  color: #aaa;
  cursor: pointer;
  transition: color 0.3s ease;
}
@media only screen and (max-width: 49rem) {
  .modal__close-btn {
  position: absolute;
  top: 0rem;
  right: 1rem;
    }
}
.modal__close-btn:hover {
  color: #202729;
}

.main-section {
  display: flex;
  height: 100vh;
  position: relative;
}
@media only screen and (max-width: 49rem) {
  .main-section {
    flex-direction: column;
    height: auto;
  }
}
.main-section__left video {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 49rem) {
  .main-section__left  {
    display:none;
  }
}
.main-section__right {
  display: flex;
  justify-content: flex-end;
  align-items: end;
}
@media (min-width: 140rem) {
  .main-section__right {
    align-items: center;
  }
}
@media only screen and (max-width: 90rem) {
  .main-section__right {
    align-items: end;
  }
}
.main-section__right, .main-section__left {
  transition: transform 0.1s ease-out;
  transform: translateX(0);
  width: 50vw;
  height: 100vh;
}
@media only screen and (max-width: 49rem) {
  .main-section__right, .main-section__left {
    height: auto;
    width: 100vw;
    margin-top: 5rem;
  }
}
.main-section__vertical-text {
  bottom: 16rem;
}
.main-section.move-left .main-section__left {
  transform: translateX(-20%);
}
.main-section.move-right .main-section__right {
  transform: translateX(20%);
}
.main-section > .bg {
  position: absolute;
  right: 0;
  top: 2.4rem;
  z-index: -1;
}

.about {
  margin: 10rem 0 19rem 0;
  position: relative;
}
@media only screen and (max-width: 49rem) {
  .about {
    margin: 0rem 0 5rem 0;
  }
}
.about__vertical-text {
  bottom: 0;
}
.about .subtitle {
  margin: 0 auto;
  font-weight: bold;
  font-size: 6.4rem;
  color: #143B29;
  letter-spacing: 0.38rem;
  text-align: center;
  margin-bottom: 12.6rem;
}
@media only screen and (max-width: 70rem) {
  .about .subtitle {
    font-size: 4.7rem;
    margin-bottom: 6rem;
  }
}
@media only screen and (max-width: 49rem) {
  .about .subtitle {
    font-size: 3rem;
    margin-bottom: 3rem;
  }
}
.about .subtitle span {
  position: relative;
}
/*.about .subtitle span::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  width: 1rem;*/
/*  height: 1rem;*/
/*  background-color: #143B29;*/
/*  left: 40%;*/
/*  transform: translateX(-40%);*/
/*  border-radius: 50%;*/
/*}*/
@media only screen and (max-width: 49rem) {
  .about .subtitle span::before {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.about .bg {
  position: absolute;
  top: 16.8rem;
  left: 0;
  z-index: -1;
}

.inspiration {
  margin: 10rem 0;
}
@media only screen and (max-width: 49rem) {
  .inspiration {
    margin: 5rem 0;
  }
}

.other {
  margin-bottom: 10rem;
}

@media only screen and (max-width: 49rem) {
  .other {
    margin-bottom: 5rem;
  }
}
@media only screen and (max-width: 49rem) {
  .other > .container {
    padding: 0;
  }
}
@media only screen and (max-width: 49rem) {
  .other > .mini-container {
    padding: 0;
  }
}

.collections {
  padding: 6rem 0 5.4rem 0;
}
@media only screen and (max-width: 49rem) {
  .collections > .container {
    padding: 0;
  }
}
@media only screen and (max-width: 49rem) {
  .collections > .mini-container {
    padding: 0;
  }
}
.collections .collection__title {
  text-align: center;
  margin-bottom: 5rem;
}
@media only screen and (max-width: 49rem) {
  .collections .collection__title {
  margin-bottom: 0rem;
}
.collections .collection {
  margin-bottom: 0;
}
}

.slick-slider {
  position: relative;
  z-index: 2;
}
.slick-list {
  overflow: hidden;
  margin-bottom: 1.8rem;
}
.slick-track {
  display: flex;
}
.slick-slide {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.slick-arrow {
  font-size: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 3rem;
  height: 3rem;
}
.slick-prev {
  left: -8rem;
}
@media only screen and (max-width: 70rem) {
  .slick-prev {
    left: 0rem;
  }
}
.slick-next {
  right: -8rem;
}

@media only screen and (max-width: 70rem) {
  .slick-next {
    right: 0em;
  }
}
.slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  z-index: 10;
}
.slick-dots li.slick-active {
  position: relative;
}
.slick-dots li.slick-active::before {
  content: "";
  background-image: url("https://stanles.by/wp-content/uploads/2024/12/blackstroke.svg");
  background-repeat: no-repeat;
  width: 2.4rem;
  height: 2.3rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slick-dots li.slick-active button {
  background-color: #202729;
}
.slick-dots button {
  font-size: 0;
  width: 0.5rem;
  height: 0.5rem;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

.main-slider {
  max-width: 65rem;
  width: 100%;
  margin: 0 4rem 5rem 0;
  position: relative;
  aspect-ratio: 1/1;
}
@media only screen and (max-width: 140rem) {
  .main-slider {
    width: 65%;
  }
}
@media only screen and (max-width: 49rem) {
  .main-slider {
    width: 100%;
    height: auto;
    margin-right: 0;
    max-width: 100%;
    aspect-ratio: inherit;
  }
}
.main-slider__wrapper::before {
  content: "design";
  position: absolute;
  width: 100%;
  z-index: 3;
  text-align: center;
  font-size: 1.8rem;
  text-transform: uppercase;
  /*color: rgba(32, 39, 41, 0.6);*/
  color: #EAEAE6;

  padding-top: 1.5rem;
  letter-spacing: 0.3rem;
}
@media only screen and (max-width: 1120px) {
  .main-slider__wrapper::before{
      font-size: 1.4rem;
      padding-top: 1rem;
  }
}
@media only screen and (max-width: 784px) {
  .main-slider__wrapper::before{
      display: none;
  }
}
.main-slider__item {
  position: relative;
  width: 100%;
  height: auto;
}
.main-slider__item > img {
  max-width: 65rem;
  width: 100%;
  aspect-ratio: 1/1;
}
@media only screen and (max-width: 49rem) {
  .main-slider__item > img {
    width: 100%;
    height: auto;
    max-width: 100%;
    aspect-ratio: 1 / 1;
  }
}
.main-slider__item-info {
  position: absolute;
  bottom: 0rem;
  width: 100%;
  left: 0;
  padding: 4.5rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(217, 217, 217, 0) 100%);
}
@media only screen and (max-width: 90rem) {
  .main-slider__item-info {
    padding: 2rem 2rem 1rem 2rem;
  }
}
@media only screen and (max-width: 90rem) {
  .main-slider__item-info > p {
    display: none;
  }
}
.main-slider .progress {
  position: absolute;
  bottom: 2.9rem;
  left: 0;
  width: 100%;
  height: 1rem;
  overflow: hidden;
  z-index: 12;
}
@media only screen and (max-width: 49rem) {
  .main-slider .progress {
    display: none;
  }
}
.main-slider .progress-bar {
  height: 100%;
  width: 0;
  background-color: #896C4A;
  transition: width 0s;
}
@media only screen and (max-width: 49rem) {
  .main-slider .slick-slide {
    padding: 0 0.3rem;
  }
}
.main-slider .slick-list {
  margin-bottom: 1.8rem;
}
@media only screen and (max-width: 49rem) {
  .main-slider .slick-list {
    margin: 0 -0.3rem 1.8rem -0.3rem;
  }
}
.main-slider::before, .main-slider::after {
  font-size: 1.8rem;
    text-transform: uppercase;
    color: rgba(32, 39, 41, .6); 
    text-align: center;
    padding-top: 1.5rem;
    letter-spacing: .3rem;
    
  z-index: -1;
  max-width: 65rem;
  max-height: 65rem;
  width: 100%;
  height: 100%;
  position: absolute;
}
@media only screen and (max-width: 1120px) {
  .main-slider::before, .main-slider::after{
      font-size: 1.4rem;
      padding-top: 1rem;
  }
}
@media only screen and (max-width: 70rem) {
  .main-slider::before, .main-slider::after {
    max-width: 30rem;
    max-height: 30rem;
  }
}
@media only screen and (max-width: 784px) {
  .main-slider::before, .main-slider::after {
    display: none;
  }
}
.main-slider::before {
    content: "interior";
  left: -5rem;
  top: -5rem;
  background-color: rgba(32, 39, 41, .2); 
}
@media only screen and (max-width: 70rem) {
  .main-slider::before {
    left: -3rem;
    top: -3rem;
  }
}
.main-slider::after {
    content: "eco";
  left: -10rem;
  top: -10rem;
  background-color: #EAEAE6;
  z-index: -2;
}
@media only screen and (max-width: 70rem) {
  .main-slider::after {
    left: -6rem;
    top: -6rem;
  }
}


.collections-slider__item {
  display: flex;
  justify-content: space-between;
  position: relative;
  gap: 2rem;
}
@media only screen and (max-width: 49rem) {
  .collections-slider__item {
    flex-direction: column;
    justify-content: start;
    position: static;
  }
}
.collections-slider__item-block div {
  font-size: 1.8rem;
  color: #AA520F;
  text-transform: uppercase;
  margin-bottom: 1.8rem;
}
@media only screen and (max-width: 49rem) {
  .collections-slider__item-block div {
    margin-bottom: 1rem;
    font-size: 1.4rem;
    position: static;
  }
}
.collections-slider__item-block h2 {
  font-weight: 500;
  color: #EAEAE6;
  margin-bottom: 1.6rem;
}
@media only screen and (max-width: 49rem) {
  .collections-slider__item-block h2 {
    margin-bottom: 1.2rem;
  }
}
.collections-slider__item-info {
  max-width: 97rem;
  width: 100%;
}
@media only screen and (max-width: 49rem) {
  .collections-slider__item-info {
    max-width: 100%;

  }
}
.collections-slider__item-info div {
  margin-bottom: 2rem;
  max-height: 55rem;
  height: auto;
}
@media only screen and (max-width: 627px) {
    .collections-slider__item-info div {
        aspect-ratio: 1 / 1;
    }
}
.collections-slider__item-info img {
  max-height: 55rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 49rem) {
  .collections-slider__item-info img {
    aspect-ratio: 1 / 1;
  }
}
@media only screen and (max-width: 49rem) {
  .collections-slider__item-info p {
    font-size: 1.4rem;
  }
}
.collections-slider__item-info .material {
  position: absolute;
  left: 0;
  top: 15%;
  max-width: 35rem;
  max-height: 35rem;
}
@media only screen and (max-width: 70rem) {
  .collections-slider__item-info .material {
    max-width: 25rem;
    max-height: 25rem;
  }
}
@media only screen and (max-width: 49rem) {
  .collections-slider__item-info .material {
    max-width: 10rem;
    max-height: 10rem;
    top: auto;
    left: auto;
    bottom: 0.5rem;
    right: 0.5rem;
  }
}
@media only screen and (max-width: 49rem) {
  .collections-slider__item-info-img {
    position: relative;
  }
}
.collections-slider__black .slick-dots li.slick-active::before {
  background-image: url("https://stanles.by/wp-content/uploads/2024/12/blackstroke.svg");
}
.collections-slider__black .slick-dots li.slick-active button {
  background-color: #202729;
}
.collections-slider__black .slick-dots button {
  background-color: rgba(0, 0, 0, 0.4);
}
.collections-slider__black .slick-next {
  background: url("https://stanles.by/wp-content/uploads/2024/12/r-arrow-black.svg") 0 0/100% no-repeat;
}
.collections-slider__black .slick-prev {
  background: url("https://stanles.by/wp-content/uploads/2024/12/l-arrow-black.svg") 0 0/100% no-repeat;
}
.collections-slider__white .slick-dots li.slick-active::before {
  background-image: url("https://stanles.by/wp-content/uploads/2024/12/whitestroke.svg");
}
.collections-slider__white .slick-dots li.slick-active button {
  background-color: #EAEAE6;
}
.collections-slider__white .slick-dots button {
  background-color: rgba(255, 255, 255, 0.5);
}
.collections-slider__white .slick-next {
  background: url("https://stanles.by/wp-content/uploads/2024/12/r-arrow-white.svg") 0 0/100% no-repeat;
}
.collections-slider__white .slick-prev {
  background: url("https://stanles.by/wp-content/uploads/2024/12/l-arrow-white.svg") 0 0/100% no-repeat;
}
.collections-slider .slick-slide {
  padding: 0 1rem;
}
@media only screen and (max-width: 49rem) {
  .collections-slider .slick-slide {
    padding: 0 0.3rem;
  }
}
.collections-slider .slick-list {
  margin: 0 -1rem;
  margin-bottom: 1.8rem;
}
@media only screen and (max-width: 49rem) {
  .collections-slider .slick-list {
    margin: 1, 8 -0.3rem;
  }
}

.other-slider__item {
  position: relative;
  width: 100%;
  height: 60rem;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
@media only screen and (max-width: 70rem) {
  .other-slider__item {
    height: 40rem;
  }
}
@media only screen and (max-width: 49rem) {
  .other-slider__item {
    height: 28rem;
  }
}
.other-slider__item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  padding: 0 1rem;
}
@media only screen and (max-width: 49rem) {
  .other-slider__item img {
    padding: 0 0.3rem;
  }
}
.other-slider__item-info {
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(217, 217, 217, 0) 100%);
  padding: 0 0 3.7rem 6rem;
}
@media only screen and (max-width: 70rem) {
  .other-slider__item-info {
    padding: 2rem;
  }
}
@media only screen and (max-width: 49rem) {
  .other-slider__item-info {
    padding: 0 2rem;
  }
}
.other-slider__item-info > div, .other-slider__item-info > p {
  max-width: 90rem;
  width: 100%;
}
@media only screen and (max-width: 70rem) {
  .other-slider__item-info > div, .other-slider__item-info > p {
    max-width: 100%;
  }
}
.other-slider__item-info > p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 49rem) {
  .other-slider__item-info > p {
    display: none;
  }
}
.other-slider .slick-next {
  background: url("https://stanles.by/wp-content/uploads/2024/12/r-arrow-black.svg") 0 0/100% no-repeat;
}
.other-slider .slick-prev {
  background: url("https://stanles.by/wp-content/uploads/2024/12/l-arrow-black.svg") 0 0/100% no-repeat;
}
.other-slider .slick-slide {
  padding: 0 1rem;
}
@media only screen and (max-width: 49rem) {
  .other-slider .slick-slide {
    padding: 0 0.3rem;
  }
}
.other-slider .slick-list {
  margin: 0 -1rem;
  margin-bottom: 1.8rem;
}
@media only screen and (max-width: 49rem) {
  .other-slider .slick-list {
    margin: 1, 8 -0.3rem;
  }
}

.navigation-slider {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
@media only screen and (max-width: 70rem) {
  .navigation-slider {
    gap: 2rem;
  }
}
@media only screen and (max-width: 49rem) {
  .navigation-slider {
    display: block;
  }
}
/*.navigation-slider__item {*/
/*  width: 100%;*/
/*  max-width: 40rem;*/
/*  aspect-ratio: 1/1;*/
/*  overflow: hidden;*/
/*}*/
/*.navigation-slider__item > img {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  transition: transform 0.3s ease-in-out;*/
/*  object-fit: contain;*/
/*}*/
/*@media only screen and (max-width: 49rem) {*/
/*  .navigation-slider__item {*/
/*    max-width: 100%;*/
/*  }*/
/*}*/
/*.navigation-slider__item:hover > img {*/
/*  transform: scale(1.1);*/
/*}*/
/*@media only screen and (max-width: 49rem) {*/
/*  .navigation-slider__item:hover > img {*/
/*    transform: none;*/
/*    overflow: none;*/
/*    max-width: 100%;*/
/*    height: auto;*/
/*  }*/
/*}*/
.navigation-slider__item {
  width: 100%;
  max-width: 40rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
}

.navigation-slider__item > img {
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease-in-out;
  object-fit: contain;
  transform-origin: center;
}

.navigation-slider__item:hover > img {
  transform: scale(1.1); /* Эффект увеличения на больших экранах */
}
.cover{
    object-fit: cover !important;
}
@media only screen and (max-width: 49rem) {
  .navigation-slider__item {
    max-width: 100%; /* Контейнер занимает всю доступную ширину */
    height: auto;    /* Высота рассчитывается автоматически */
    aspect-ratio: unset; /* Убираем соотношение сторон */
  }
  .navigation-slider__item:hover > img {
  transform: none; /* Эффект увеличения на больших экранах */
}

  .navigation-slider__item > img {
    object-fit: contain; /* Картинка заполняет контейнер */
    width: 100%; /* Изображение масштабируется по ширине */
    height: auto; /* Высота пропорциональна ширине */
  }
}

@media only screen and (max-width: 49rem) {
  .navigation-slider .slick-slide {
    padding: 0 0.3rem;
  }
}
@media only screen and (max-width: 49rem) {
  .navigation-slider .slick-list {
    margin: 1.8rem -0.3rem;
  }
}

.product-slider {
  display: flex;
  gap: 2rem;
}
@media only screen and (max-width: 90rem) {
  .product-slider {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 70rem) {
  .product-slider {
    flex-direction: column;
  }
}
.product-slider__main {
  max-width: 90rem;
  width: 100%;
  height: auto;
  max-height: 60rem;
  height: 100%;
}
.product-slider__main img {
  width: 100%;
  max-height: 60rem;
}
.product-slider__main .slick-slide {
  padding: 1rem 0;
}
.product-slider__main .slick-list {
  margin: -1rem 0;
}
.product-slider__thumbnails {
  display: flex;
  flex-direction: column;
  overflow-y: auto; /* Добавлена вертикальная прокрутка */
  height: 100%;
  overflow-x: hidden; /* Убираем горизонтальную прокрутку */
}
@media only screen and (max-width: 49rem) {
  .product-slider__thumbnails {
    display: none;
  }
}
.product-slider__thumbnails > div {
  max-width: 18rem;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  cursor: pointer;
}
.product-slider__thumbnails img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}
.product-slider__thumbnails .slick-track {
  gap: 2rem;
  height: 100% !important;
}
.product-slider__thumbnails .slick-list {
  height: 100% !important;
}
.product-slider__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.product-slider__colors {
  display: flex;
  gap: 3rem;
  margin-bottom: 2rem;
}
.product-slider__color {
  cursor: pointer;
  width: 18rem;
  height: 18rem;
  transition: box-shadow 0.3s ease;
}
.product-slider__color > img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 90rem) {
  .product-slider__color {
    width: 10rem;
    height: 10rem;
  }
}

.product-slider__icons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.2rem;
}
.product-slider__btn {
  width: 100%;
  background-color: #202729;
  color: #EAEAE6;
  text-transform: initial;
}
.product-slider > .first-color, .product-slider > .second-color {
  display: flex;
  gap: 2rem;
}
.product-slider > .second-color {
  display: none;
}
.product-slider .slick-track {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 49rem) {
  .product-slider .slick-track {
    flex-direction: row;
  }
}

.items-slider {
  display: none;
}
@media (hover: none), (max-width: 1000px) {
  .items-slider {
    display: inherit;
  }
}
.items-slider__item {
  height: auto;
}
.items-slider__item > img {
  width: 100%;
  height: 20rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 70rem) {
  .items-slider__item > img {
    height: auto;
  }
}
.items-slider__item-info {
  height: 100%;
  border: 0.1rem solid #eee;
}
.items-slider__item-info > a {
  background-color: #202729;
  color: #EAEAE6;
  max-width: 100%;
  width: 100%;
  text-transform: capitalize;
}
@media only screen and (max-width: 49rem) {
  .items-slider__item-info > a {
    max-width: none;
    width: auto;
    padding: 1.4rem 4.5rem;
  }
}
.items-slider .slick-slide {
  padding: 0 1rem;
}
@media only screen and (max-width: 49rem) {
  .items-slider .slick-slide {
    padding: 0 0.3rem;
  }
}
.items-slider .slick-list {
  margin: 0 -1rem;
  margin-bottom: 1.8rem;
}
@media only screen and (max-width: 49rem) {
  .items-slider .slick-list {
    margin: 1.8rem -0.3rem;
  }
}
.items-slider .slick-next {
  right: -3.5rem;
  background: url("https://stanles.by/wp-content/uploads/2024/12/r-arrow-black.svg") 0 0/100% no-repeat;
}
.items-slider .slick-prev {
  left: -3.5rem;
  background: url("https://stanles.by/wp-content/uploads/2024/12/l-arrow-black.svg") 0 0/100% no-repeat;
}

@media only screen and (max-width: 70rem) {
  .awards-slider__group {
    display: flex;
    gap: 1rem;
  }
}
@media only screen and (max-width: 49rem) {
  .awards-slider__group {
    flex-direction: column;
  }
}
.awards-slider__group-top, .awards-slider__group-bottom {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
  height: 55rem;
}
@media only screen and (max-width: 90rem) {
  .awards-slider__group-top, .awards-slider__group-bottom {
    height: 45rem;
  }
}
@media only screen and (max-width: 70rem) {
  .awards-slider__group-top, .awards-slider__group-bottom {
    height: auto;
    gap: 1rem;
  }
}
.awards-slider__group-top {
  margin-bottom: 12rem;
}
@media only screen and (max-width: 70rem) {
  .awards-slider__group-top {
    margin-bottom: 0;
  }
}
.awards-slider__group-top .awards-slider__item:nth-child(2) {
  align-self: end;
}
@media only screen and (max-width: 70rem) {
  .awards-slider__group-top .awards-slider__item:nth-child(2) {
    align-self: baseline;
  }
}
.awards-slider__group-bottom {
  align-items: end;
}
.awards-slider__group-bottom .awards-slider__item:nth-child(2) {
  align-self: start;
}
@media only screen and (max-width: 70rem) {
  .awards-slider__group-bottom .awards-slider__item:nth-child(2) {
    align-self: baseline;
  }
}
@media only screen and (max-width: 70rem) {
  .awards-slider__group-bottom {
    align-items: baseline;
  }
}
.awards-slider__item {
  max-width: 45rem;
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
 
}

@media only screen and (max-width: 90rem) {
  .awards-slider__item {
    max-width: 40rem;
  }
}
@media only screen and (max-width: 70rem) {
  .awards-slider__item {
    aspect-ratio: initial;
  }
}
.awards-slider__item img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
   transition: ease .3s;
}
.awards-slider__item img:hover{
    -webkit-box-shadow: 10px 12px 8px 0px rgba(34, 60, 80, 0.5);
    -moz-box-shadow: 10px 12px 8px 0px rgba(34, 60, 80, 0.5);
    box-shadow: 10px 12px 8px 0px rgba(34, 60, 80, 0.5);
}

.awards-slider__item::after {
  content: "";
  width: 100%;
  height: auto;
  position: absolute;
  aspect-ratio: 1/1;
  background-color: #202729;
  opacity: 0.25;
  z-index: -1;
}
@media only screen and (max-width: 70rem) {
  .awards-slider__item::after {
    display: none;
  }
}
.awards-slider__item.position-1::after {
  right: -3rem;
  top: 3rem;
}
.awards-slider__item.position-2::after {
  right: -4rem;
  bottom: -4rem;
}
.awards-slider__item.position-3::after {
  right: -1rem;
  top: 1rem;
}
.awards-slider .slick-next {
  right: 0;
  background: url("https://stanles.by/wp-content/uploads/2024/12/r-arrow-black.svg") 0 0/100% no-repeat;
}
.awards-slider .slick-prev {
  left: 0;
  background: url("https://stanles.by/wp-content/uploads/2024/12/l-arrow-black.svg") 0 0/100% no-repeat;
}
.awards-slider .slick-slide {
  padding: 1rem;
}
@media only screen and (max-width: 49rem) {
  .awards-slider .slick-slide {
    padding: 0 0.3rem;
  }
}
.awards-slider .slick-list {
  margin: 0 -1rem;
  margin-bottom: 1.8rem;
}
@media only screen and (max-width: 49rem) {
  .awards-slider .slick-list {
    margin: 1.4rem -0.3rem;
  }
}

.info-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16rem;
  width: 100%;
}
@media only screen and (max-width: 90rem) {
  .info-panel {
    gap: 2rem;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 49rem) {
  .info-panel {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
}
.info-panel__content {
  width: 50%;
  text-align: center;
}
@media only screen and (max-width: 49rem) {
  .info-panel__content {
    width: 100%;
  }
}
.info-panel__content > a {
  font-size: 1.8rem;
  color: #909090;
  font-weight: 400;
  cursor: pointer;
}
@media only screen and (max-width: 49rem) {
  .info-panel__content > a {
    font-size: 1.4rem;
  }
}
.info-panel__img {
  width: 50%;
}
@media only screen and (max-width: 49rem) {
  .info-panel__img {
    width: 100%;
  }
}
.info-panel__img > img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 49rem) {
  .info-panel__img > img {
    width: 100%;
  }
}

.footer {
  background-color: #202729;
  padding: 6rem 0 0 0;
  position: relative;
}
@media only screen and (max-width: 70rem) {
  .footer {
    padding-top: 5rem;
  }
}
.footer__container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 8rem;
}

.footer__container .sub-menu{
    margin-top: 2rem;
}
@media only screen and (max-width: 70rem) {
  .footer__container .sub-menu{
    margin-top: 3rem;
    }
}
@media only screen and (max-width: 70rem) {
  .footer__container {
    flex-direction: column;
    gap: 1rem;
  }
}
@media only screen and (max-width: 70rem) {
  .footer__block:not(:last-child),
  .footer__container .menu-item
  {
    border-bottom: 0.1rem solid #4f4f4f;
    padding: 1rem 0;
  }
}
.footer__title,
.footer__container .footer__title,
.footer__container .menu-item a {
  font-size: 1.8rem;
  color: #EAEAE6;
  letter-spacing: 0.18rem;
  position: relative;
  margin-bottom: 3rem;
}
.footer__title::after,
.footer__container .footer__title::after,
.footer__container .menu-item a::after
{
  content: "";
  position: absolute;
  bottom: -0.3rem;
  left: 0;
  width: 0%;
  height: 0.1rem;
  transition: width 0.5s ease, opacity 0.5s ease;
  background-color: #EAEAE6;
  opacity: 0;
}
.footer__title:hover::after,
.footer__container .footer__title:hover::after,
.footer__container .menu-item a:hover::after
{
  width: 100%;
  opacity: 1;
}
@media only screen and (max-width: 70rem) {
  .footer__title:hover::after,
  .footer__container .footer__title:hover::after,
  .footer__container .menu-item a:hover::after
  {
    opacity: 0;
  }
}
@media only screen and (max-width: 70rem) {
  .footer__title,
  .footer__container .footer__title,
  .footer__container .menu-item a{
    margin-bottom: 0;
    font-size: 1.4rem;
  }
}
.footer__link,
.footer__container .footer__link{
  font-size: 1.4rem;
  color: #EAEAE6;
  letter-spacing: 0.18rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer__link > img,
.footer__container .footer__link > img,
.footer__container .menu-item a > img{
  display: none;
  width: 1.2rem;
  height: 1.2rem;
  z-index: 10;
  transition: transform 0.3s ease;
}
@media only screen and (max-width: 70rem) {
  .footer__link > img,
  .footer__container .menu-item a > img{
    display: block;
  }
}
@media only screen and (max-width: 70rem) {
  .footer__link,
  .footer__container .footer__link,
  .footer__container .menu-item a{
    font-size: 1.5rem;
    padding: 1.5rem 0;
    margin-bottom: .5rem;
  }
}
.footer-list,
.footer__container .footer-list,
.footer__container .sub-menu{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  list-style-type: none;
  padding: 0;
}
.footer-list.open,
.footer__container .footer-list.open,
.footer__container .sub-menu.open{
  display: flex;
}
@media only screen and (max-width: 70rem) {
  .footer-list,
  .footer__container .footer-list,
  .footer__container .sub-menu{
    display: none;
    margin: 1rem 0 2.5rem 0;
  }
}
.footer-list__link,
.footer__container .footer-list__link,
.footer__container .sub-menu a{
  font-size: 1.4rem;
  color: #EAEAE6;
  letter-spacing: 0.18rem;
  position: relative;
}
.footer-list__link::after,
.footer__container .footer-list__link::after,
.footer__container .sub-menu a::after{
  content: "";
  position: absolute;
  bottom: -0.3rem;
  left: 0;
  width: 0%;
  height: 0.1rem;
  transition: width 0.5s ease, opacity 0.5s ease;
  background-color: #EAEAE6;
  opacity: 0;
}
.footer-list__link:hover::after,
.footer__container .footer-list__link:hover::after,
.footer__container .sub-menu a:hover::after{
  width: 100%;
  opacity: 1;
}
.footer-icons {
    display: flex;
  flex-direction: row;
  gap: 2rem;
}
.footer-icons a::after {
  display: none;
}
@media only screen and (max-width: 70rem) {
  .footer-icons {
    display: flex;
  }
}
.footer__icon {
  width: 3rem;
  height: 3rem;
}
@media only screen and (max-width: 49rem) {
  .footer__icon {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.footer-outlined-text {
  -webkit-text-stroke: 0.1rem hsla(0, 0%, 100%, 0.2);
  text-align: right;
  padding: 0 5rem 2rem 0;
}
@media only screen and (max-width: 70rem) {
  .footer-outlined-text {
    padding: 0 1rem 1rem 0;
  }
}
.footer .st0 {
  fill: #2C2C2C;
}

.overview {
  background-color: #EAEAE6;
  padding: 10rem 0 8rem 0;
}
@media only screen and (max-width: 49rem) {
  .overview {
    padding: 9rem 0 4rem 0;
    position: relative;
  }
}
.overview__bg{
    position: absolute;
    top: -40rem;
    right: -20rem;
    z-index: 1;
}
@media only screen and (max-width: 1400px) {
.overview__bg{
    top: -50rem;
}
}
@media only screen and (max-width: 450px) {
.overview__bg{
    right: ;
}
}
.overview h1 {
  margin-bottom: 2.6rem;
}
.overview .breadcrumb {
  margin-bottom: 5rem;
}

.breadcrumb {
  font-family: "Inter Medium", sans-serif;
  font-size: 1.8rem;
  color: #202729;
  z-index: 3;
  position: relative;
}
@media only screen and (max-width: 49rem) {
  .breadcrumb {
    font-size: 1.4rem;
  }
}
.breadcrumb__list {
  list-style-type: none;
  display: flex;
  gap: 1rem;
}
@media only screen and (max-width: 49rem) {
  .breadcrumb__list {
    gap: 0rem;
}
}
.breadcrumb__item{
    text-transform: capitalize;
}
@media only screen and (max-width: 49rem) {
.breadcrumb__item{
    font-size: 1.2rem;
}
}
.breadcrumb__item:not(:last-child)::after {
  content: "\\";
  margin: 0 0.5rem;
  color: #202729;
}
.breadcrumb__link {
  color: #AA520F;
}

.form,
form {
  width: 60%;
}
form textarea{
    padding: 2rem 0;
}
@media only screen and (max-width: 50rem) {
  .form,
  form {
    width: 100%;
  }
}
.form-row,
form-row {
  display: flex;
  gap: 10rem;
  margin-bottom: 9rem;
}
@media only screen and (max-width: 70rem) {
  .form-row,
  form-row {
    gap: 5rem;
    margin-bottom: 4.5rem;
  }
}
@media only screen and (max-width: 49rem) {
  .form-row,
  form-row {
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 2rem;
  }
}
.form__input,
.form form input,
form__input,
form form input {
    width: 100%;
  padding: 2rem 0 2.1rem 0;
  color: #909090;
  font-family: "Inter Medium", sans-serif;
  font-size: 1.8rem;
  border-bottom: 0.2rem solid #202729;
}
.form textarea,
form textarea {
  resize: none;
  padding-bottom: 0;
  width: 100%;
  height: 10rem;
}
@media only screen and (max-width: 70rem) {
  .form > textarea,
  form textarea {
    margin-bottom: 2rem;
  }
  .form__input,
.form form input,
form__input,
form form input {
  font-size: 1.6rem;
}
}
@media only screen and (max-width: 49rem) {
.form__input,
.form form input,
form__input,
form form input {
  font-size: 1.4rem;
}
}
.form__checkbox,
.form form,
form__checkbox,
form form {
  display: flex;
  gap: 2.3rem;
  align-items: center;
  font-family: "Inter Medium", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.18rem;
}
@media only screen and (max-width: 49rem) {
  .form__checkbox,
  .form form,
  form__checkbox,
  form form {
    gap: 1rem;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 49rem) {
  .form__checkbox > div,
  .form form > div,
  form__checkbox > div,
  form form > div {
    max-width: 80%;
  }
}
.form__checkbox .agreement-link,
.form form .agreement-link,
form__checkbox .agreement-link,
form form .agreement-link {
  color: #AA520F;
}
.form__checkbox-input,
.form form-input,
form__checkbox-input,
form form-input {
  position: relative;
  width: 3rem;
  height: 3rem;
  /*-webkit-appearance: none;*/
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 0.2rem solid #202729;
  cursor: pointer;
}
@media only screen and (max-width: 49rem) {
  .form__checkbox-input,
  .form form-input,
  form__checkbox-input,
  form form-input {
    width: 2rem;
    height: 2rem;
  }
}
.form__checkbox-input:checked,
.form form-input:checked,
form__checkbox-input:checked,
form form-input:checked {
  background-color: #AA520F;
}
.form__checkbox-input:after,
.form form-input:after,
form__checkbox-input:after,
form form-input:after {
  content: "✔";
  position: absolute;
  color: #EAEAE6;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 2rem;
  background-color: #AA520F;
  display: none;
}
.form__checkbox-input:checked:after,
.form form-input:checked:after,
form__checkbox-input:checked:after,
form form-input:checked:after {
  display: block;
}
.form__btn,
form__btn {
  background-color: #202729;
  padding-left: 11.2rem;
  padding-right: 11.2rem;
  display: block;
  margin-top: 4.5rem;
  cursor: pointer;
}
@media only screen and (max-width: 70rem) {
  .form__btn,
  .form__btn {
    margin-top: 3rem;
  }
}
@media only screen and (max-width: 49rem) {
  .form__btn,
  .form__btn {
    margin-top: 2rem;
  }
}

.contacts-form {
  margin: 11rem 0 5rem 0;
}
@media only screen and (max-width: 70rem) {
.contacts-form {
  margin: 5rem 0;
}
}
.contacts-info {
  margin-bottom: 10rem;
}
@media only screen and (max-width: 49rem) {
  .contacts-info {
    margin-bottom: 5rem;
  }
}
.contacts-info__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 49rem) {
  .contacts-info__container {
    flex-direction: column;
    gap: 3rem;
  }
}
@media only screen and (max-width: 49rem) {
  .contacts-info__content {
    align-self: start;
  }
}
.contacts-info__content > h2 {
  font-size: 3rem;
  margin-bottom: 4.2rem;
}
@media only screen and (max-width: 49rem) {
  .contacts-info__content > h2 {
    font-size: 2.2rem;
    margin-bottom: 3rem;
  }
}
.contacts-info__content > h2 > span {
  color: #202729;
}
.contacts-info__list {
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
}
@media only screen and (max-width: 70rem) {
.contacts-info__list {
  gap: 1.5rem;
}
}
.contacts-info__item {
  font-family: "Inter Regular", sans-serif;
  font-size: 1.8rem;
  color: #202729;
  line-height: 2.4rem;
}
@media only screen and (max-width: 70rem) {
.contacts-info__item {
  font-size: 1.6rem;
}
}
@media only screen and (max-width: 49rem) {
.contacts-info__item {
  font-size: 1.4rem;
}
}
.contacts-info__item > span {
  font-weight: bold;
}
.contacts-info__item > a {
  color: #AA520F;
}
.contacts-info .map-container {
  width: 100%;
  height: 100%;
  max-width: 87rem;
  height: 60rem;
}
@media only screen and (max-width: 70rem) {
  .contacts-info .map-container {
    height: 40rem;
  }
}
.contacts-info .map-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.big-overview {
  display: flex;
  height: 100vh;
  position: relative;
  margin-bottom: 10rem;
}
@media only screen and (max-width: 49rem) {
  .big-overview {
    flex-direction: column;
    height: auto;
    margin-bottom: 0rem;
  }
}
.big-overview__left {
  position: relative;
}

.big-overview__left-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #EAEAE6;
  width: 100%;
  height: calc(100vh - 5rem);
  padding-top: 5rem;
}
@media only screen and (max-width: 90rem) {
  .big-overview__left-content {
    padding: 0 3rem;
  }
}
@media only screen and (max-width: 49rem) {
  .big-overview__left-content {
    padding: 8rem 4rem 3rem 4rem;
    height: auto;
  }
}
.big-overview__left-content > div {
  max-width: 55rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6rem;
}
@media only screen and (max-width: 49rem) {
  .big-overview__left-content > div {
    max-width: 100%;
    gap: 4rem;
  }
}
.big-overview__left-content:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -5rem;
  right: -5rem;
  background-color: #202729;
  opacity: 0.2;
  z-index: -1;
}
.big-overview__left-info {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  z-index: 3;
}
.big-overview__left-bg {
  position: absolute;
  left: -30rem;
  top: -7rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 1;
}
@media only screen and (max-width: 70rem) {
  .big-overview__left-bg {
    top: 0rem;
    right: 0;
    z-index: 1;
    left: auto;
  }
}
@media only screen and (max-width: 60rem) {
  .big-overview__left-bg {
   top: 0rem;
  }
}
@media only screen and (max-width: 49rem) {
  .big-overview__left-bg {
   top: -5rem;
    right: -15rem;
  }
}
@media only screen and (max-width: 70rem) {
  .big-overview__left .breadcrumb {
    font-size: 1.2rem;
  }
}
.big-overview__right {
  display: flex;
  justify-content: flex-end;
  align-items: end;
}
@media (min-width: 140rem) {
  .big-overview__right {
    align-items: center;
  }
}
@media only screen and (max-width: 90rem) {
  .big-overview__right {
    align-items: end;
  }
}
.big-overview__right, .big-overview__left {
  width: 50vw;
  height: 100vh;
}
@media only screen and (max-width: 49rem) {
  .big-overview__right, .big-overview__left {
    height: auto;
    width: 100vw;
  }
}
.big-overview__title > div {
  font-size: 1.8rem;
  color: #AA520F;
  text-transform: uppercase;
  margin-bottom: 1.8rem;
}
@media only screen and (max-width: 49rem) {
  .big-overview__title > div {
    margin-bottom: 1rem;
    font-size: 1.4rem;
    position: static;
  }
}

.product-info {
  margin-bottom: 10rem;
  background-color: #202729;
  padding: 6rem 0 9rem 0;
}
@media only screen and (max-width: 49rem) {
  .product-info {
    margin-bottom: 5rem;
    padding: 4rem 0 5rem 0;
  }
}
.product-info__container {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  max-width: 120rem;
  width: 100%;
}
@media only screen and (max-width: 70rem) {
  .product-info__container {
    max-width: 75rem;
  }
}
@media only screen and (max-width: 49rem) {
  .product-info__container {
    flex-direction: column-reverse;
    gap: 3rem;
    max-width: 100%;
  }
}
.product-info__container > div {
  color: #EAEAE6;
  display: flex;
  flex-direction: column;
  
  gap: 3rem;
}
@media only screen and (max-width: 49rem) {
  .product-info__container div {
    gap: 1rem;
  }
}
.product-info__name {
  font-size: 3.2rem;
}
@media only screen and (max-width: 140rem) {
  .product-info__name {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 90rem) {
  .product-info__name {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 70rem) {
  .product-info__name {
    font-size: 2rem;
  }
}

.navigation {
  margin-bottom: 10rem;
}
@media only screen and (max-width: 49rem) {
  .navigation {
    margin-bottom: 5rem;
  }
}
.navigation .title {
  margin-bottom: 5rem;
}
.collection-gallery {
  margin-bottom: 10rem;
}
@media only screen and (max-width: 49rem) {
  .collection-gallery {
    margin-bottom: 5rem;
  }
}
.collection-gallery .title {
  margin-bottom: 5rem;
}
.navigation .title > span {
  color: #202729;
}
@media only screen and (max-width: 49rem) {
  .navigation .title {
    padding: 0 4rem;
    margin-bottom: 2rem;
  }
  .collection-gallery .title {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 49rem) {
  .navigation .container {
    padding: 0;
  }
}

.map {
  margin-bottom: 10rem;
}
@media only screen and (max-width: 49rem) {
  .map {
    margin-bottom: 5rem;
  }
}
.map .title {
  margin-bottom: 5rem;
}
@media only screen and (max-width: 49rem) {
.map .title {
  margin-bottom: 2rem;
}
}
.map .title > span {
  color: #202729;
}
.map__container {
  max-width: 100%;
  height: 65rem;
}
.map__container iframe {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 70rem) {
  .map__container {
    height: 40rem;
  }
}
@media only screen and (max-width: 49rem) {
  .map__container {
    height: 25rem;
  }
}

.product-block {
  margin-bottom: 10rem;
}
@media only screen and (max-width: 49rem) {
  .product-block {
    margin-bottom: 5rem;
  }
}
.product-block .title {
  text-align: center;
  max-width: 130rem;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 7.6rem;
}
.product-block .title > span {
  text-transform: none;
  color: #202729;
}
.product-block .title > img {
  display: block;
  margin: 0 auto;
  margin-top: 1.6rem;
}
@media only screen and (max-width: 70rem) {
  .product-block .title {
    margin-bottom: 4rem;
  }
}
@media only screen and (max-width: 49rem) {
  .product-block .title {
    margin-bottom: 2rem;
  }
}

.quotes {
  padding: 10rem 0;
}
@media only screen and (max-width: 49rem) {
  .quotes {
    padding: 5rem 0;
  }
}
.quotes__container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}
@media only screen and (max-width: 49rem) {
  .quotes__container {
    gap: 2rem;
  }
}
.quotes__content {
  max-width: 90rem;
  width: 100%;
}
@media only screen and (max-width: 70rem) {
  .quotes__content {
    max-width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 49rem) {
  .quotes__content {
    text-align: left;
  }
}
.quotes__content > div {
  font-size: 1.8rem;
  color: #AA520F;
  text-transform: uppercase;
  margin-bottom: 1.8rem;
}
@media only screen and (max-width: 49rem) {
  .quotes__content > div {
    margin-bottom: 1rem;
    font-size: 1.4rem;
    position: static;
  }
}
.quotes__content > h2 {
  text-transform: initial;
}

.uniqueness {
  margin-bottom: 15rem;
}
@media only screen and (max-width: 49rem) {
  .uniqueness {
    margin-bottom: 5rem;
  }
}
.uniqueness h2 {
  margin-bottom: 10rem;
}
@media only screen and (max-width: 49rem) {
  .uniqueness h2 {
    margin-bottom: 2rem;
  }
}
.uniqueness-list {
  display: flex;
  flex-direction: column;
  gap: 30rem;
  position: relative;
}
@media only screen and (max-width: 70rem) {
  .uniqueness-list {
    gap: 6rem;
  }
}
.uniqueness-list__item {
  max-width: 110rem;
  width: 100%;
  height: 50rem;
  padding: 5rem 5rem 15rem 5rem;
  display: flex;
  justify-content: space-between;
  gap: 11.5rem;
  position: relative;
  transition: ease .3s;
}
.uniqueness-list__item:hover {
    -webkit-box-shadow: 10px 12px 8px 0px rgba(34, 60, 80, 0.5);
    -moz-box-shadow: 10px 12px 8px 0px rgba(34, 60, 80, 0.5);
    box-shadow: 10px 12px 8px 0px rgba(34, 60, 80, 0.5);
}

@media only screen and (max-width: 90rem) {
  .uniqueness-list__item {
    max-width: 90rem;
    height: 40rem;
  }
}
@media only screen and (max-width: 70rem) {
  .uniqueness-list__item {
    max-width: 95%;
    height: auto;
    gap: 2rem;
    flex-wrap: wrap;
    padding: 3rem;
  }
}
.uniqueness-list__item::after {
  content: "";
  position: absolute;
  right: -5rem;
  bottom: -5rem;
  max-width: 110rem;
  max-height: 50rem;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.25;
  background-color: #202729;
}
@media only screen and (max-width: 90rem) {
  .uniqueness-list__item::after {
    max-width: 90rem;
    max-height: 40rem;
  }
}
@media only screen and (max-width: 70rem) {
  .uniqueness-list__item::after {
    max-width: 100%;
    right: -3rem;
    bottom: -3rem;
    max-height: 100%;
  }
}
.uniqueness-list__item h2 {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 49rem) {
  .uniqueness-list__item h2 {
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 70rem) {
  .uniqueness-list__item > div {
    max-width: 40rem;
  }
}
@media only screen and (max-width: 49rem) {
  .uniqueness-list__item > div {
    max-width: 100%;
  }
}
.uniqueness-list__item .title {
  color: #EAEAE6;
}
.uniqueness-list__item > img {
  width: 25rem;
  height: 25rem;
}
@media only screen and (max-width: 49rem) {
  .uniqueness-list__item > img {
    width: 18rem;
    height: 18rem;
  }
}
.uniqueness-list__item .text {
  color: #EAEAE6;
}
.uniqueness-list__item-1 {
  background-color: #143B29;
}
.uniqueness-list__item-2 {
  background-color: #AA520F;
  position: absolute;
  top: 40rem;
  right: 0;
  margin-right: 5rem;
}
@media only screen and (max-width: 90rem) {
  .uniqueness-list__item-2 {
    top: 35rem;
  }
}
@media only screen and (max-width: 70rem) {
  .uniqueness-list__item-2 {
    position: relative;
    top: 0;
  }
}
.uniqueness-list__item-2::after {
  background-color: #000;
}
.uniqueness-list__item-3 {
  background-color: #202729;
}

.company-block {
  margin-bottom: 10rem;
  padding: 5rem 0;
}
@media only screen and (max-width: 49rem) {
  .company-block {
    margin-bottom: 5rem;
    padding: 5rem 0;
  }
}
.company-block__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 2rem;
}
@media only screen and (max-width: 49rem) {
  .company-block__container {
    flex-direction: column;
  }
}
.company-block__image img {
  max-width: 75rem;
  width: 100%;
}
@media only screen and (max-width: 49rem) {
  .company-block__image img {
    max-width: 100%;
    margin-bottom: 2rem;
  }
}
.company-block__info {
  align-self: center;
  max-width: 65rem;
  width: 100%;
}
@media only screen and (max-width: 49rem) {
  .company-block__info {
    max-width: 100%;
    margin-bottom: 2rem;
  }
}

.awards {
  margin-bottom: 10rem;
}
@media only screen and (max-width: 49rem) {
  .awards {
    margin-bottom: 5rem;
  }
}
.awards__title {
  text-align: right;
  margin-bottom: 12rem;
}
.awards__title span{
    color: #202729;
}
@media only screen and (max-width: 70rem) {
  .awards__title {
    margin-bottom: 4rem;
  }
}
@media only screen and (max-width: 49rem) {
  .awards__title {
    text-align: left;
    margin-bottom: 2rem;
  }
}

.counter {
  padding: 20rem 0;
  margin: 0 0 10rem 0;
  position: relative;
}
@media only screen and (max-width: 70rem) {
  .counter {
    margin-bottom: 5rem;
    padding: 10rem 0;
  }
}
@media only screen and (max-width: 49rem) {
  .counter {
    padding: 5rem 0;
  }
}
.counter-list {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
}
@media only screen and (max-width: 70rem) {
  .counter-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem;
  }
}
@media only screen and (max-width: 49rem) {
  .counter-list {
    gap: 2rem;
  }
}
.counter__bg{
    width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        object-fit: cover;
}

.counter-list__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  color: #EAEAE6;
  font-weight: 500;
  text-align: center;
}
@media only screen and (max-width: 70rem) {
  .counter-list__item {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 49rem) {
  .counter-list__item {
    gap: 0;
  }
}
.counter-list__count {
  font-size: 6.4rem;
}
@media only screen and (max-width: 70rem) {
  .counter-list__count {
    font-size: 3.2rem;
  }
}

.review {
  margin-bottom: 10rem;
}
@media only screen and (max-width: 49rem) {
  .review {
    margin-bottom: 5rem;
  }
}
.review .title {
  max-width: 135rem;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #AA520F;
  margin-bottom: 7.6rem;
}
.review .title > span {
  color: #202729;
}
.review .title > img {
  display: block;
  margin: 0 auto;
  margin-top: 1.6rem;
}
@media only screen and (max-width: 70rem) {
  .review .title {
    margin-bottom: 4rem;
  }
}
@media only screen and (max-width: 49rem) {
  .review .title {
    margin-bottom: 2rem;
  }
}
.review__container {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}
@media (hover: none), (max-width: 1000px) {
  .review__container {
    display: none;
  }
}
.review-img {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 120rem;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
}
.review-img > img {
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.review__color-options {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}
.review__color-option {
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}
.review__color-option > img {
  width: 24rem;
  height: 24rem;
}
@media only screen and (max-width: 90rem) {
  .review__color-option > img {
    width: 16rem;
    height: 16rem;
  }
}
.review .active {
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.4), 0 -8px 8px rgba(0, 0, 0, 0.4), 8px 0 8px rgba(0, 0, 0, 0.4), -8px 0 8px rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 49rem) {
  .review > .container {
    padding: 0;
  }
}
.review .collection-element {
  position: relative;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.review .collection-element::before, .review .collection-element::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.review .collection-element::before {
  background-color: #EAEAE6;
  width: 2rem;
  height: 2rem;
}
.review .collection-element::after {
  border: 0.2rem solid #EAEAE6;
  width: 4rem;
  height: 4rem;
  animation: pulse 2s infinite;
  filter: blur(0.1rem);
}
@keyframes pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.5);
  }
}
.review .collection-element.hide-circle::before, .review .collection-element.hide-circle::after {
  display: none;
}
.review .collection-element.params-tooltip {
  opacity: 0;
}
.review .collection-element.show-tooltip .params-tooltip {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #202729;
  font-family: "Inter Regular", sans-serif;
  height: auto;
  color: #EAEAE6;
  padding: 1.5rem;
  display: block;
}
@media only screen and (max-width: 90rem) {
  .review .collection-element.show-tooltip .params-tooltip {
    width: 20rem;
    padding: 1rem;
  }
}
.review .collection-element.show-tooltip .params-tooltip > a {
  color: #AA520F;
  font-size: 2rem;
}
.review .collection-element.show-tooltip .params-tooltip > .param-name {
  font-size: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 90rem) {
  .review .collection-element.show-tooltip .params-tooltip > .param-name {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
}
.review .collection-element.show-tooltip .params-tooltip .param-text {
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 90rem) {
  .review .collection-element.show-tooltip .params-tooltip .param-text {
    font-size: 1.4rem;
  }
}
.review .collection-element.show-tooltip .params-tooltip .param-btn {
  color: #EAEAE6;
  text-transform: capitalize;
  margin-top: 2rem;
}
@media only screen and (max-width: 90rem) {
  .review .collection-element.show-tooltip .params-tooltip .param-btn {
    font-size: 1.8rem;
    width: 100%;
    max-width: 100%;
    padding: 1rem 0;
    margin-top: 1rem;
  }
}

@media (hover: none), (max-width: 1000px) {
  .dis-none {
    display: none;
  }
}

.catalog-main-section {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.catalog-main-section > img {
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}

.catalog {
  margin: 10rem 0;
}
@media only screen and (max-width: 49rem) {
  .catalog {
    margin: 5rem 0;
  }
}
.catalog__container {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 49rem) {
  .catalog__container {
    flex-direction: column;
    gap: .5rem;
  }
}
.catalog__container > .overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
@media only screen and (max-width: 49rem) {
  .catalog__container > .overlay.active {
    display: block;
  }
}
.catalog .filters-toggle {
  font-size: 1.8rem;
  display: none;
  align-items: center;
  gap: 1rem;
}
.catalog .filters-toggle > img {
  transform: rotate(-90deg);
}
@media only screen and (max-width: 49rem) {
  .catalog .filters-toggle {
    display: flex;
  }
}
.catalog .sidebar {
  width: 25rem;
  margin-right: 10rem;
}
.catalog .sidebar.active {
  transform: translateX(0);
}
@media only screen and (max-width: 90rem) {
  .catalog .sidebar {
    margin-right: 5rem;
  }
}
@media only screen and (max-width: 70rem) {
  .catalog .sidebar {
    margin-right: 8rem;
  }
}
@media only screen and (max-width: 49rem) {
  .catalog .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 30rem;
    height: 100%;
    padding: 9rem 4rem 4rem 4rem;
    transition: transform 0.3s ease-in-out;
    z-index: 15;
    background-color: #e1d6d1;
    overflow-y: auto; /* Добавляем вертикальную прокрутку */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Для Firefox */
    -ms-overflow-style: none;
    transform: translateX(-100%); /* Скрыто по умолчанию */
  }
}
.catalog .sidebar > .title {
  color: #202729;
  text-transform: capitalize;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 49rem) {
  .catalog .sidebar > .title {
    display: none;
  }
}
.catalog .sidebar__title {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
.catalog .sidebar__title > h3 {
  font-size: 2.4rem;
  font-weight: bold;
  align-self: center;
}
@media only screen and (max-width: 49rem) {
  .catalog .sidebar__title > h3 {
    font-size: 1.8rem;
  }
}
.catalog .sidebar__title > img {
  display: none;
}
.catalog .sidebar__list {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  margin-bottom: 2rem;
}
.catalog .sidebar__link {
  color: #202729;
  font-size: 1.8rem;
  transition: ease 0.3s;
}
@media only screen and (max-width: 49rem) {
  .catalog .sidebar__link {
    font-size: 1.6rem;
  }
}
.catalog .sidebar__link:hover {
  color: #AA520F;
}
@media only screen and (max-width: 49rem) {
  .catalog .sidebar__link:hover {
    color: #202729;
  }
}
.catalog .sidebar__filter {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}
.catalog .sidebar__filter-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.8rem;
  position: relative;
}
@media only screen and (max-width: 49rem) {
  .catalog .sidebar__filter-item {
    font-size: 1.6rem;
  }
}
.catalog .sidebar__filter-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 2rem;
  height: 2rem;
  background-color: #D9D9D9;
  cursor: pointer;
}
@media only screen and (max-width: 49rem) {
  .catalog .sidebar__filter-checkbox {
    background-color: rgba(0, 0, 0, 0.25);
    width: 1.6rem;
    height: 1.6rem;
  }
}
.catalog .sidebar__filter-checkbox:checked {
  background-color: #AA520F;
}
.catalog .sidebar__filter-checkbox:after {
  content: "✔";
  position: absolute;
  color: #EAEAE6;
  text-align: center;
  width: 2rem;
  height: 2rem;
  background-color: #AA520F;
  display: none;
}
.catalog .sidebar__filter-checkbox:checked:after {
  display: block;
}
.catalog .sidebar__colors {
  display: grid;
  grid-template-columns: repeat(3, 5rem);
  justify-content: space-between;
  row-gap: 1rem;
}
@media only screen and (max-width: 70rem) {
  .catalog .sidebar__colors {
    grid-template-columns: repeat(2, 5rem);
    justify-content: start;
    gap: 1rem;
  }
}
@media only screen and (max-width: 49rem) {
  .catalog .sidebar__colors {
    grid-template-columns: repeat(3, 5rem);
  }
}
.catalog .sidebar__colors-item {
  width: 5rem;
  height: 5rem;
}
.catalog .sidebar__colors-image {
  width: 100%;
  height: 100%;
}
.catalog-main {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
@media only screen and (max-width: 49rem) {
.catalog-main {
  gap: 3rem;
}
}
.page-numbers{
    color: #202729;
}
.page-numbers.current{
    color: #AA520F;
}
.catalog-main .sort {
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  align-self: end;
}
@media only screen and (max-width: 49rem) {
  .catalog-main .sort {
    display: none;
  }
}
.catalog-main__products {
  display: grid;
  grid-template-columns: repeat(3, minmax(25rem, 35rem));
  justify-content: space-between;
  grid-auto-rows: auto;
  gap: 10rem 6rem;
}
.catalog-main__products > p {
    font-size: 1.6rem;
}
@media only screen and (max-width: 90rem) {
  .catalog-main__products {
    gap: 6rem 4rem;
  }
}
@media only screen and (max-width: 70rem) {
  .catalog-main__products {
    grid-template-columns: repeat(2, minmax(20rem, 40rem));
  }
}
@media only screen and (max-width: 49rem) {
  .catalog-main__products {
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  }
}
.catalog-main__product {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  transition: all 0.3s ease-in-out;
  border: 1px solid #D2D4D4;
}
.catalog-main__product:hover{
    transform: translate(.2rem, .2rem);
    -webkit-box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.6) ;
    -moz-box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.6) ;
    box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.6) ;
}
.catalog-main__product::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: #202729;
  opacity: 0.25;
  position: absolute;
  right: -2.5rem;
  bottom: -2.5rem;
  z-index: -1;
}
@media only screen and (max-width: 90rem) {
  .catalog-main__product::after {
    right: -1.5rem;
    bottom: -1.5rem;
  }
}
.catalog-main__product-img > img {
  width: 100%;
  aspect-ratio: 1/1;
  transition: transform 0.3s ease-in-out;
  object-fit: contain;
  background-color: #fff;
}
.catalog-main__product-info {
  width: 100%;
  background-color: #202729;
  padding: 1rem 3rem 2rem 3rem;
  color: #EAEAE6;
  font-size: 2rem;
  display: flex;
  align-items: flex-start; /* Выравнивание текста по верхнему краю */
  justify-content: flex-start; /* Выравнивание по вертикали */
  min-height: 8rem;
  height: 100%;
  line-height: 1.2;
}
@media only screen and (max-width: 49rem) {
  .catalog-main__product-info {
    font-size: 1.8rem;
  }
}
.catalog-main .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.catalog-main .pagination .page-numbers {
  display: flex;
  gap: 1rem;
  font-size: 2.4rem;
}
@media only screen and (max-width: 49rem) {
  .catalog-main .pagination .page-numbers {
    font-size: 1.8rem;
  }
}
.catalog-main .pagination .prev-btn, .catalog-main .pagination .next-btn {
  cursor: pointer;
  background-color: transparent;
}
.catalog-main .pagination .prev-btn > img, .catalog-main .pagination .next-btn > img {
  width: 2rem;
  height: 2rem;
}
.catalog-main .pagination > .prev-btn {
  transform: rotate(90deg);
}
.catalog-main .pagination > .next-btn {
  transform: rotate(-90deg);
}

.search {
  background-image: url("/assets/img/search-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*padding: 9rem 0 12rem 0;*/
}
@media only screen and (max-width: 49rem) {
  .search {
    padding: 5rem 0 6rem 0;
  }
}
.search__container {
  margin-bottom: 7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4rem;
}
@media only screen and (max-width: 49rem) {
  .search__container {
    gap: 1rem;
  }
}
.search__container > input {
  max-width: 90rem;
  width: 100%;
  padding: 4rem 0.5rem;
  border: none;
  outline: none;
  background-color: transparent;
  border-bottom: 0.3rem solid #EAEAE6;
  font-size: 1.8rem;
  letter-spacing: 10%;
  color: #EAEAE6;
}
@media only screen and (max-width: 70rem) {
  .search__container > input {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 49rem) {
  .search__container > input {
    padding: 2rem 0;
  }
}
.search__container > input::-moz-placeholder {
  font-size: 1.8rem;
  letter-spacing: 10%;
  color: #EAEAE6;
}
.search__container > input::placeholder {
  font-size: 1.8rem;
  letter-spacing: 10%;
  color: #EAEAE6;
}
@media only screen and (max-width: 70rem) {
  .search__container > input::-moz-placeholder {
    font-size: 1.6rem;
  }
  .search__container > input::placeholder {
    font-size: 1.6rem;
  }
}
.search__container > img {
  width: 10rem;
}
@media only screen and (max-width: 49rem) {
  .search__container > img {
    width: 4rem;
  }
}

.rooms {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 49rem) {
  .rooms {
    flex-wrap: wrap;
    gap: 3rem;
    justify-content: center;
  }
}
.rooms-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.rooms-item > img {
  width: 14rem;
}
@media only screen and (max-width: 70rem) {
  .rooms-item > img {
    width: 8rem;
  }
}
.rooms-item__title {
  font-size: 1.8rem;
  letter-spacing: 10%;
  color: #EAEAE6;
}
@media only screen and (max-width: 70rem) {
  .rooms-item__title {
    font-size: 1.6rem;
  }
}
/* Общие стили для страницы ошибки 404 */
.page404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    text-align: center;
    font-family: 'Arial', sans-serif;
    padding: 20px;
    box-sizing: border-box;
}

.error-code {
    font-size: 12rem;
    font-weight: 700;
    color: #547936;
    margin: 0;
    animation: fadeIn 1s ease-out;
}
@media only screen and (max-width: 70rem) {
  .error-code {
    font-size: 8rem;
  }
}

.warning-text {
    font-size: 24px;
    color: #333;
    margin: 10px 0;
    font-weight: 600;
    animation: fadeIn 1.5s ease-out;
}

.description-text {
    font-size: 18px;
    color: #555;
    margin: 10px 0;
    max-width: 500px;
    line-height: 1.6;
    animation: fadeIn 2s ease-out;
}


@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.page404 a {
    display: inline-block;
    padding: 12px 25px;
    color: white;
    font-size: 18px;
    border-radius: 30px;
    text-decoration: none;
    margin-top: 20px;
    transition: background-color 0.3s;
}
.filters-container form{
    width: 18rem;
}
.filters-container button{
    padding: 1.4rem 1rem;
    font-size: 1.4rem;
}

.filter-title{
    font-size: 2.2rem;
    margin-bottom: 1rem;
    font-weight: bold;
    color: #202729;
}
@media only screen and (max-width: 850rem) {
  .filter-title{
  font-size: 2rem;
}
}
.filter-item{
display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.8rem;
  position: relative;    
}
@media only screen and (max-width: 850rem) {
  .filter-item{
  font-size: 1.6rem;
}
}
.filter-item label{
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.filter-item label input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 2rem;
  height: 2rem;
  background-color: #D9D9D9;
  cursor: pointer;
}
@media only screen and (max-width: 49rem) {
  .filter-item label input {
    background-color: rgba(0, 0, 0, 0.25);
    width: 1.6rem;
    height: 1.6rem;
  }
}
.filter-item label input:checked {
  background-color: #AA520F;
}
.filter-item label input:after {
  content: "✔";
  position: absolute;
  color: #EAEAE6;
  text-align: center;
  width: 2rem;
  height: 2rem;
  background-color: #AA520F;
  display: none;
}
.filter-item label input:checked:after {
  display: block;
}
.yith-wcan-filters{
    width: 18rem;
}
.yith-wcan-filters {
  width: 18rem;
  margin-right: 10rem;
}
.yith-wcan-filters.active {
  transform: translateX(0);
}
@media only screen and (max-width: 90rem) {
  .yith-wcan-filters {
    margin-right: 5rem;
  }
}
@media only screen and (max-width: 70rem) {
  .yith-wcan-filters {
    margin-right: 5rem;
  }
}
@media only screen and (max-width: 49rem) {
  .yith-wcan-filters {
    position: fixed;
    top: 0;
    left: 0;
    width: 30rem;
    height: 100%;
    padding: 9rem 4rem 4rem 4rem;
    transition: transform 0.3s ease-in-out;
    z-index: 15;
    background-color: #e1d6d1;
    overflow-y: auto; /* Добавляем вертикальную прокрутку */
    /*-webkit-overflow-scrolling: touch;*/
    scrollbar-width: none; /* Для Firefox */
    -ms-overflow-style: none;
    transform: translateX(-100%); /* Скрыто по умолчанию */
  }
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a:hover{
    color: #AA520F !important;
}
.filter__title{
    color: #202729;
    text-transform: capitalize;
    margin-bottom: 3rem;
    font-size: 3rem;
}
@media only screen and (max-width: 850px) {
  .filter__title{
    font-size: 2.8rem;
}
}
@media only screen and (max-width: 784px) {
  .filter__title{
    display: none;
}
}
.review-slider {
  width: 100%;
  max-width: 70rem;
  aspect-ratio: 1/1;
}
@media only screen and (max-width: 90rem) {
  .review-slider {
    max-width: 60rem;
  }
}
@media only screen and (max-width: 70rem) {
  .review-slider {
    max-width: 40rem;
  }
}
@media only screen and (max-width: 49rem) {
  .review-slider {
    max-width: 100%;
    aspect-ratio: initial;
  }
}
.review-slider__item {
  position: relative;
}
.review-slider__item img {
  width: 100%;
  aspect-ratio: 1/1;
}
.review-slider__item-info {
  position: absolute;
  top: 1rem;
  left: 2rem;
  background-color: #202729;
  width: 30rem;
  padding: 2rem;
  z-index: 2;
  color: #EAEAE6;
  font-size: 1.8rem;
  color: #EAEAE6;
  pointer-events: all;
}
.review-slider__item-info > div {
  margin-bottom: 0.5rem;
}
.review-slider__item-info > a {
  margin-top: 1rem;
}
@media only screen and (max-width: 70rem) {
  .review-slider__item-info {
    font-size: 1.5rem;
    width: 25rem;
    top: 0.5rem;
    left: 1rem;
  }
}
@media only screen and (max-width: 49rem) {
  .review-slider__item-info {
    width: 20rem;
    font-size: 1.4rem;
    padding: 1rem;
  }
}
.review-slider__colors {
  display: flex;
  gap: 3rem;
  margin-bottom: 6rem;
}
@media only screen and (max-width: 70rem) {
  .review-slider__colors {
    margin-bottom: 4rem;
  }
}
.review-slider__color {
  cursor: pointer;
  box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.2);
}
.review-slider__color > img {
  max-width: 25rem;
  width: 100%;
  aspect-ratio: 1/1;
}
@media only screen and (max-width: 70rem) {
  .review-slider__color > img {
    max-width: 16rem;
  }
}
@media only screen and (max-width: 49rem) {
  .review-slider__color > img {
    max-width: 13rem;
  }
}
.review-slider .slick-next {
  background: url("https://stanles.by/wp-content/uploads/2024/12/r-arrow-black.svg") 0 0/100% no-repeat;
}
@media only screen and (max-width: 90rem) {
  .review-slider .slick-next {
    right: -3rem;
  }
}
.review-slider .slick-prev {
  background: url("https://stanles.by/wp-content/uploads/2024/12/l-arrow-black.svg") 0 0/100% no-repeat;
}
@media only screen and (max-width: 90rem) {
  .review-slider .slick-prev {
    left: -3rem;
  }
}
.review-slider .slick-slide {
  padding: 0 1rem;
}
@media only screen and (max-width: 49rem) {
  .review-slider .slick-slide {
    padding: 0 0.3rem;
  }
}
.review-slider .slick-list {
  margin: 0 -1rem;
  margin-bottom: 1.8rem;
}
@media only screen and (max-width: 49rem) {
  .review-slider .slick-list {
    margin: 1, 8 -0.3rem;
  }
}
.review__block {
  display: flex;
  gap: 4rem;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 49rem) {
  .review__block {
    flex-direction: column;
  }
}
#searchwp-form-1 .swp-input{
border-bottom: .2rem solid #202729 !important;
}

.search-container{
    align-self: end;
    width: 100%;
}
@media only screen and (max-width: 784px) {
.search-container{
    align-self: start;
}
}
.searchwp-live-search-result .searchwp-live-search-result--title a{
    font-size: 1.4rem;
    color: #202729;
}
.searchwp-live-search-result .searchwp-live-search-result--title a:hover{
    color: #aa520f;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item{
    line-height: 1.7 !important; 
}
.term-label:hover{
    color: #aa520f !important;
}
.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > a, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > label > a{
    color: #aa520f !important;
}
.catalog-main-section .mobile-image {
    display: none;
}

.catalog-main-section .desktop-image {
    display: block;
}

@media (max-width: 767px) {
    .catalog-main-section .mobile-image {
        display: block;
    }

    .catalog-main-section .desktop-image {
        display: none;
    }
}
.scroll-to-top {
  position: fixed;
  bottom: 4rem;
  right: 4rem;
  width: 7rem;
  height: 7rem;
  background-color: #202729;
  color: white;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  font-size: 2rem;
  z-index: 5;
}
@media (max-width: 767px) {
    .scroll-to-top {
  bottom: 1.5rem;
  right: 1.5rem;
  width: 6rem;
  height: 6rem;
}
}
.scroll-to-top.visible {
  opacity: 1;
  visibility: visible;
}

.scroll-to-top:hover {
  background-color: #AA520F;
}

.scroll-to-top i {
  font-size: 3rem;
}
#wpgs-gallery{
    float: none !important;
}
.navigation-slider__item > img{
    aspect-ratio: 1 / 1;
}

.grecaptcha-badge {
    visibility: hidden;
} 
.review-items__item {
  display: flex;
  flex-direction: column;
  align-items: center; /* Центруем содержимое по горизонтали */
  justify-content: space-between; /* Уравновешиваем текст и картинку */
  height: 100%;
}
.review-items__item-img {
  width: 30rem;
  height: 35rem;
  margin-bottom: 1rem;
}
@media (max-width: 1150px) {
.review-items__item-img {
  width: 28rem;
  height: 32rem;
}
}
.review-items__item-img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.review-items__item > div {
  color: #202729;
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
}
.review-items__item > a {
  color: #EAEAE6;
  font-size: 1.8rem;
  color: #909090;
  margin-top: 2rem;
}
.review-items .slick-list {
  margin-bottom: 3rem;
}
.review-items .slick-next {
  background: url("https://stanles.by/wp-content/uploads/2024/12/r-arrow-black.svg") 0 0/100% no-repeat;
}
@media (max-width: 1600px) {
.review-items .slick-next {
 right: -2rem;
}
.review-items .slick-prev {
 left: -2rem;
}
}
@media (max-width: 767px) {
.review-items .slick-next {
 right: .5rem;
}
}
.review-items .slick-prev {
  background: url("https://stanles.by/wp-content/uploads/2024/12/l-arrow-black.svg") 0 0/100% no-repeat;
}
@media (max-width: 767px) {
.review-items .slick-prev {
 left: .5rem;
}
}
@media (min-width: 620px) and (max-width: 1355px) {
.review-items .slick-prev {
 left: -2.5rem !important;
}
.review-items .slick-next {
 right: -2.5rem !important;
}
}
.review-items__colors{
    display: flex ;
    gap: 2rem;
}
.review-item__color img{
    max-width: 15rem;
    width: 100%;
    aspect-ration: 1 / 1;
}
#ajax-search-input{
    border: none !important;
}
#ajax-search-clear{
    top: 1.7rem !important;
    font-size: 2rem !important;
}
#ajax-search-results li a{
    font-size: 1.5rem !important;
}
.collections-pagination{
    margin: 4rem 0;
    text-align: center;
    font-size: 2.4rem;
}
.blockOverlay {
    display: none !important;
}
.counter-list__item-text{
    font-size: 4rem;
    display: flex;
    align-items: center;
    gap: 2rem;
}
@media (max-width: 1120px) {
    .counter-list__item-text{
    font-size: 2rem;
    gap: 1rem;
}
}
@media (max-width: 767px) {
    .width{
        max-width: 20rem;   
    }
}
@media (max-width: 490px) {
    .width{
        max-width: 12rem;   
    }
}
.mw-800{
    max-width: 80rem;
}

.catalog-main-section {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
  /*background-color: #AA520F;*/
}
.catalog-main-section > img {
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.catalog-main-section__items {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1200px; /* Ширина овала */
  height: 650px; /* Высота овала */
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 90%;
}
.catalog-main-section__items > a {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.catalog-main-section .icon {
  position: absolute;
  width: 120px; /* Размеры иконок */
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: translate(calc(550px * cos(var(--angle))), calc(275px * sin(var(--angle))));
  transition: transform 0.3s ease, scale 0.3s ease;
}
.catalog-main-section .icon:hover {
  transform: translate(calc(550px * cos(var(--angle))), calc(275px * sin(var(--angle)))) scale(1.15); /* Увеличение при наведении */
}
.catalog-main-section .icon__text {
  color: #EAEAE6;
  font-size: 1.8rem;
}
.catalog-main-section__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #EAEAE6;
  font-size: 10rem;
}
@media only screen and (max-width: 70rem) {
  .catalog-main-section__items {
    width: 1000px; /* Немного уже ширина овала */
    height: 550px; /* Пропорциональное уменьшение высоты */
  }
  .catalog-main-section .icon {
    width: 110px; /* Немного уменьшены размеры иконок */
    height: 90px;
    transform: translate(calc(330px * cos(var(--angle))), calc(225px * sin(var(--angle))));
  }
  .catalog-main-section .icon > img {
    width: 130px;
    height: 80px;
  }
  .catalog-main-section .icon:hover {
    transform: translate(calc(330px * cos(var(--angle))), calc(225px * sin(var(--angle)))) scale(1.15); /* Увеличение при наведении */
  }
  .catalog-main-section .icon__text {
    font-size: 1.6rem; /* Немного уменьшен шрифт */
  }
  .catalog-main-section__title {
    font-size: 6rem; /* Немного уменьшен заголовок */
  }
}
@media only screen and (max-width: 49rem) {
  .catalog-main-section__items {
    width: 500px; /* Уже ширина овала */
    height: 700px; /* Преобладание высоты овала */
  }
  .catalog-main-section .icon {
    width: 90px; /* Меньше размеры иконок */
    height: 80px;
    transform: translate(calc(130px * cos(var(--angle))), calc(180px * sin(var(--angle))));
  }
  .catalog-main-section .icon > img {
    width: 70px;
    height: 50px;
  }
  .catalog-main-section .icon:hover {
    transform: translate(calc(130px * cos(var(--angle))), calc(180px * sin(var(--angle)))) scale(1.15); /* Увеличение при наведении */
  }
  .catalog-main-section .icon__text {
    font-size: 1.4rem; /* Уменьшен шрифт */
  }
  .catalog-main-section__title {
    font-size: 3rem; /* Уменьшен заголовок */
  }
}

.search-section {
  width: 100%;
  height: 20rem;
  margin-bottom: 10rem;
  /*background-image: url('https://stanles.by/wp-content/uploads/2025/01/group-77.jpg');*/
  /*  background-repeat: no-repeat;*/
  /*  background-size:cover;*/
  background-color: #202729;
}
@media (max-width: 500px) {
.search-section {
  height: 15rem;

}
}
.search-section__container{
    width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5rem;
}
@media (max-width: 500px) {
  .search-section__container {
      gap: 2rem;
  }
}
@media only screen and (max-width: 70rem) {
  .search-section {
    margin-bottom: 5rem;
  }
}
.search-section__bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
    object-fit: cover;
}
.all-collections{
    margin-bottom: 10rem;
}
@media only screen and (max-width: 70rem) {
.all-collections{
    margin-bottom: 5rem;
}
}
.all-collections__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 0 auto;
}
.all-collections__image-wrapper {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 5/3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.all-collections__image-wrapper img {
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease;
}
.all-collections__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 5px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.all-collections__item:hover .all-collections__image-wrapper img {
  transform: scale(1.1);
}
.all-collections__item .text {
  padding: 10px;
}
@media (max-width: 768px) {
  .all-collections__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .all-collections__items {
    grid-template-columns: 1fr;
  }
}
.tt-cap{
    text-transform:capitalize ;
}
#ajax-search-form{
    max-width: 90rem !important;
}
.search-section__container #ajax-search-input{
    background: transparent;
    border: none !important;
    border-bottom: 3px solid #EAEAE6 !important;
    padding: 30px 40px 30px 0px !important;
    color: #EAEAE6 !important;
    font-size: 2rem;
  line-height: 1.5;
}
@media (max-width: 500px) {
.search-section__container #ajax-search-input{

    font-size: 1.5rem;

}
}
.search-section__container #ajax-search-results{
    border: none !important;
    top: 100%; /* Расположить под инпутом */
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 10;
}
@media (max-width: 600px) {
  .search-section__container img{
      width: 50px;
      height: 50px;
  }
}
.search-section__container #ajax-search-clear{
    color: #EAEAE6 !important;
}
.search-section__container #ajax-search-input::placeholder {
    color: #EAEAE6 !important;
    font-size: 2rem;
  color: #202729;
  line-height: 1.5;
}
@media (max-width: 600px) {
.search-section__container #ajax-search-input::placeholder {
    font-size: 1.5rem;
}
}
.show-more{
    font-size: 1.5rem;
    margin-top: 2rem;
    color: #AA520F;
    cursor: pointer;
}
.search-results-title{
    font-size: 1.6rem;
}
.dgwt-wcas-search-wrapp{
    margin: 0 !important;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{
    background: none;
}
.dgwt-wcas-enable-mobile-form{
    z-index: 10 !important;
}
.title-span{
    color: #547936;
    font-family: "GillSansProCyrillic-Bold", sans-serif;
    font-size: 4.5rem;
    letter-spacing: normal;
}
@media only screen and (max-width: 1120px) {
.title-span{
    font-size: 2.5rem;
}
}
.partners {
  padding: 40px 0;
  margin-bottom: 10rem;
}
@media only screen and (max-width: 49rem) {
.partners {
  margin-bottom: 5rem;
}
}
.partners__container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 120px;
}
@media only screen and (max-width: 90rem) {
  .partners__container {
    gap: 7rem;
  }
}
@media only screen and (max-width: 70rem) {
  .partners__container {
    gap: 5rem;
  }
}
@media only screen and (max-width: 49rem) {
  .partners__container {
    gap: 2rem;
  }
}
@media only screen and (max-width: 500px) {
  .partners__container {
    gap: 4rem;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
  }
}
.partners__title {
  margin-bottom: 10rem;
}
@media only screen and (max-width: 70rem) {
  .partners__title {
    margin-bottom: 5rem;
  }
}
.partners__item {
  position: relative;
  overflow: hidden;
  border: 5px solid #AA520F;
  border-radius: 8px;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.partners__item:hover .partners__overlay {
  transform: translateY(0); /* Показываем блок при наведении */
}
.partners__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 40px;
}
@media only screen and (max-width: 70rem) {
  .partners__logo {
    padding: 10px 20px;
  }
}
@media only screen and (max-width: 49rem) {
  .partners__logo {
    padding: 10px 10px;
  }
}
.partners__logo img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  aspect-ratio: 1/1;
}
.partners__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(32, 39, 41, 0.8);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 20px;
  transform: translateY(100%); /* Скрываем блок изначально */
  transition: transform 0.3s ease; /* Анимация появления */
}
@media (max-width: 1024px) {
  .partners__overlay {
    display: none;
  }
}
@media (hover: none) {
  .partners__overlay .partners__overlay {
    transform: translateY(100%);
  }
}
.partners__overlay > p {
  color: #EAEAE6;
  font-size: 1.6rem;
}
@media only screen and (max-width: 90rem) {
  .partners__overlay > p {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 70rem) {
  .partners__overlay > p {
    font-size: 1.1rem;
  }
}
.uniqueness h2 > span{
    color: #202729;
}
.partners h2 > span{
    color: #202729;
}

.search-section .dgwt-wcas-ico-magnifier{
    display: none;
}
@media only screen and (max-width: 70rem) {
  .envira-gallery-link img {
    max-width: 40rem;
  }
}
.aws-container{
    width: 90rem;
}
.aws-container .aws-search-field{
    padding: 15px;
    font-size: 1.6rem;
}
@media only screen and (max-width: 600px) {
.aws-container .aws-search-field{
    font-size: 1.4rem;
}
}
.aws-search-result .aws_no_result{
    padding: 10px 15px;
}
.search-section .aws-container .aws-search-form .aws-form-btn{
    display: none;
}
.search-container .aws-container{
    width: 100%;
}