.homepage-lead-bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: center bottom/100% 100% url(../web/images/bg-base.jpg) #f6f7f9 no-repeat;
  height: 1108px;
  width: 100%;
}
@media (max-width: 1599px) {
  .homepage-lead-bg {
    height: 880px;
  }
}
@media (max-width: 1279px) {
  .homepage-lead-bg {
    height: 680px;
  }
}
@media (max-width: 959px) {
  .homepage-lead-bg {
    display: none;
  }
}

.homepage-lead-decor {
  position: absolute;
  right: 0;
  bottom: 35px;
  width: 40%;
  max-width: 762px;
}
@media (min-width: 1921px) {
  .homepage-lead-decor {
    left: 1470px;
    right: auto;
  }
}

.homepage-lead-decor2 {
  position: absolute;
  aspect-ratio: 662/754;
  width: 36%;
  right: 0;
  bottom: 0;
  background-image: url(../web/images/f-primary.svg);
  background-size: 0;
  -webkit-mask-image: url(../web/images/f-primary.svg);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-clip: border-box;
  mask-image: url(../web/images/f-primary.svg);
  mask-size: 100% 100%;
  backdrop-filter: blur(10px);
  max-width: 685px;
}
.homepage-lead-decor2__filter {
  position: absolute;
  background: #00e588;
  opacity: 0.15;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (min-width: 1921px) {
  .homepage-lead-decor2 {
    left: 1540px;
    right: auto;
  }
}

.homepage-decor3 {
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  width: 500px;
  bottom: 0;
  background: right/contain url(../web/images/f-primary.svg) no-repeat;
}

.homepage-nav {
  display: flex;
  height: 100%;
  padding-bottom: var(--gap);
  align-items: flex-end;
  box-sizing: border-box;
  position: relative;
}

.homepage-nav-link {
  color: #fff;
  display: block;
  padding: var(--gap-xxs) 0;
  font-weight: 600;
  text-decoration: none;
  font-family: var(--title-font-family);
}

.section-lead {
  padding-top: 26px;
}
@media (min-width: 960px) and (max-width: 1279px) {
  .section-lead {
    padding-top: 0;
  }
}

.lead-container {
  width: 866px;
  max-width: 100%;
}
@media (max-width: 1279px) {
  .lead-container {
    width: 100%;
  }
}

.lead-container__text {
  margin-bottom: var(--gap);
}

@media (max-width: 1279px) {
  .lead-container__text {
    width: 556px;
    max-width: 100%;
  }
}

.video-thumb {
  position: relative;
}

.section-mobile-lead {
  position: relative;
  padding: 0;
  height: 300px;
  background: linear-gradient(180deg, #fff 10%, transparent 40%), url(../web/images/bg-base.jpg);
  background-size: 130% 130%;
  background-position-y: bottom;
  display: none;
}
@media (max-width: 959px) {
  .section-mobile-lead {
    display: block;
  }
}
.section-mobile-lead .homepage-lead-decor {
  width: 259px;
  bottom: 0;
}
.section-mobile-lead .homepage-lead-decor2 {
  width: 200px;
  height: 230px;
  bottom: 0;
}

.section-body--designers .slider-arrow__prev {
  left: calc(-1 * var(--btn-arrow-size) / 2);
}
.section-body--designers .slider-arrow__next {
  right: calc(-1 * var(--btn-arrow-size) / 2);
}

.section-sliders {
  background: bottom/100% var(--muted) url(../web/images/bg-muted.jpg) no-repeat;
}

.container-product {
  padding: 0 var(--gap-sm);
}
@media (min-width: 1400px) {
  .container-product {
    margin-left: calc((100% - var(--container-width)) / 2 - var(--card-product-padding-left));
    padding: 0;
  }
}