@charset "UTF-8";
.mp-wrapp {
  max-width: 1264px;
}
.wrapper {
  overflow: hidden;
}
.shop-top {
  overflow: hidden;
  transition: all 0.5s ease;
  padding-top: min(11.1111111111vw, 56px);
  background: url(img/top-bg1.webp) center center no-repeat;
  background-size: cover;
}
.shop-top[data-value="1"] {
  background-image: url(img/top-bg2.webp);
}
.shop-top[data-value="2"] {
  background-image: url(img/top-bg3.webp);
}
.shop-top[data-value="3"] {
  background-image: url(img/top-bg4.webp);
}
.shop-top__left {
  padding: 28px 24px 32px;
  background: #fff;
  border-radius: 16px;
  margin-bottom: 16px;
}
.shop-top__select {
  height: 64px;
  z-index: 2;
  margin: 0 -4px 20px;
}
.shop-top__select-inner {
  background: #fff;
  padding: 4px;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 14;
}
.opened .shop-top__select-inner:before {
  position: absolute;
  left: 4px;
  right: 4px;
  top: 112px;
  content: "";
  height: 1px;
  background: #e2e2e2;
}
.shop-top__select-item {
  border-radius: 48px;
  color: #fff;
  padding: 17px 50px 17px 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  background-color: transparent;
  letter-spacing: -0.01em;
  color: #1f1f1f;
  border: none;
  outline: none;
  display: none;
  text-align: left;
  cursor: pointer;
}
.shop-top__select-item.active {
  order: -1;
  display: block;
  color: #fff;
  background: linear-gradient(180deg, #15b746 0%, #1ca345 100%);
  position: relative;
}
.shop-top__select-item.active:before {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23fff'/%3E%3Cpath d='m8 10 3.293 3.293c.333.333.5.5.707.5.207 0 .374-.167.707-.5L16 10' stroke='%23141B34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  content: "";
  top: 16px;
  right: 16px;
  position: absolute;
}
[data-value="1"] .shop-top__select-item.active {
  background: linear-gradient(270deg, #d37bf0 0%, #9148d6 100%);
}
[data-value="2"] .shop-top__select-item.active {
  background: linear-gradient(90deg, #ff6814 0%, #ff9221 99%);
}
[data-value="3"] .shop-top__select-item.active {
  background: linear-gradient(90deg, #4A74E7 0%, #40C7E6 99%);
}
.opened .shop-top__select-item {
  display: block;
}
.opened .shop-top__select-item.active:before {
  transform: rotate(180deg);
}
.shop-top__select.opened:before {
  position: absolute;
  z-index: 13;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.5);
  content: "";
}
.shop-top__title {
  font-weight: 600;
  font-size: min(6.6666666667vw, 38px);
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0 0 min(4.4444444444vw, 24px);
}
.shop-top__text {
  font-size: min(4.4444444444vw, 22px);
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #444;
  margin-bottom: min(4.4444444444vw, 38px);
}
.shop-top__text p {
  margin: 0;
}
.shop-top__text p + p {
  margin-top: min(6.1111111111vw, 32px);
}
.shop-top__bottom {
  display: none;
  align-items: flex-start;
  flex-direction: column-reverse;
}
[data-value="0"] .shop-top__bottom:nth-child(1) {
  display: flex;
}
[data-value="1"] .shop-top__bottom:nth-child(2) {
  display: flex;
}
[data-value="2"] .shop-top__bottom:nth-child(3) {
  display: flex;
}
[data-value="3"] .shop-top__bottom:nth-child(4) {
  display: flex;
}
.shop-top__button {
  flex: none;
  padding: min(4.4444444444vw, 20px) min(8.8888888889vw, 40px);
  margin-right: min(4.4444444444vw, 24px);
  box-shadow: 0 8px 16px 0 rgba(28, 163, 69, 0.24);
  background: linear-gradient(180deg, #15b746 0%, #1ca345 100%);
  color: #fff;
  font-weight: 600;
  font-size: min(4.4444444444vw, 18px);
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #fff;
  text-decoration: none;
  border-radius: 56px;
}
.shop-top__button:hover {
  box-shadow: 0 8px 16px 0 rgba(28, 163, 69, 0.24);
  background: linear-gradient(180deg, #1bce52 0%, #1eb24b 100%);
}
.shop-top__button:active {
  box-shadow: none;
  background: linear-gradient(360deg, #15b746 0%, #1ca345 100%);
}
[data-value="1"] .shop-top__button {
  box-shadow: 0 8px 16px 0 rgba(187, 60, 131, 0.24);
  background: linear-gradient(180deg, #f77b9f 0%, #bb3c83 100%);
}
[data-value="1"] .shop-top__button:hover {
  box-shadow: 0 8px 16px 0 rgba(187, 60, 131, 0.24);
  background: linear-gradient(180deg, #ff98b6 0%, #dc4c9c 100%);
}
[data-value="1"] .shop-top__button:active {
  box-shadow: none;
  background: linear-gradient(360deg, #f77b9f 0%, #bb3c83 100%);
}
[data-value="2"] .shop-top__button {
  box-shadow: 0 8px 16px 0 rgba(255, 104, 20, 0.24);
  background: linear-gradient(360deg, #ff6814 0%, #ff9221 99%);
}
[data-value="2"] .shop-top__button:hover {
  box-shadow: 0 8px 16px 0 rgba(255, 104, 20, 0.24);
  background: linear-gradient(360deg, #ff7930 0%, #ff9b32 99%);
}
[data-value="2"] .shop-top__button:active {
  box-shadow: none;
  background: linear-gradient(180deg, #ff6814 0%, #ff9221 99%);
}
[data-value="3"] .shop-top__button {
  box-shadow: 0 8px 16px 0 rgba(255, 104, 20, 0.24);
  background: linear-gradient(360deg, #ff6814 0%, #ff9221 99%);
}
[data-value="3"] .shop-top__button:hover {
  box-shadow: 0 8px 16px 0 rgba(255, 104, 20, 0.24);
  background: linear-gradient(360deg, #ff7930 0%, #ff9b32 99%);
}
[data-value="3"] .shop-top__button:active {
  box-shadow: none;
  background: linear-gradient(180deg, #ff6814 0%, #ff9221 99%);
}
.shop-top__price-wrap {
  margin-bottom: min(4.4444444444vw, 38px);
}
.shop-top__price {
  font-weight: 600;
  font-size: min(6.6666666667vw, 38px);
  line-height: 1.05;
  letter-spacing: -0.01em;
  color: #000;
  white-space: nowrap;
}
.shop-top__price-old {
  font-size: 16px;
  line-height: 1.05;
  letter-spacing: -0.01em;
  text-decoration: line-through;
  color: #adadad;
  margin-bottom: 4px;
}
.shop-top__form-main {
  box-sizing: border-box;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #D9D9D9;
}
.shop-top__form-title {
  color: #000;
  text-align: center;
  font-size: min(7.7777777778vw, 32px);
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.28px;
  margin-bottom: 16px;
}
.shop-top__price2-wrap {
  display: none;
  flex-direction: column;
  align-items: center;
}
[data-value="0"] .shop-top__price2-wrap:nth-child(1) {
  display: flex;
}
[data-value="1"] .shop-top__price2-wrap:nth-child(2) {
  display: flex;
}
[data-value="2"] .shop-top__price2-wrap:nth-child(3) {
  display: flex;
}
[data-value="3"] .shop-top__price2-wrap:nth-child(4) {
  display: flex;
}
.shop-top__price2-old {
  color: #ADADAD;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 105%;
  letter-spacing: -0.16px;
  text-decoration: line-through;
  margin-bottom: 6px;
}
.shop-top__price2 {
  color: #000;
  font-size: min(6.6666666667vw, 38px);
  font-weight: 600;
  line-height: 105%;
  letter-spacing: -0.24px;
}
.shop-top__form-subtitle {
  color: #000;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.2px;
  margin-bottom: 30px;
}
.shop-top__image {
  font-size: 0;
  width: 77.7vw;
  margin: 0 auto;
  position: relative;
}
.shop-top__image img {
  max-width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
  transform: translateY(70px);
  position: absolute;
}
[data-value="0"] .shop-top__image img:nth-child(1) {
  transition: all 0.8s ease-in;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
[data-value="1"] .shop-top__image img:nth-child(2) {
  transition: all 0.8s ease-in-out;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
[data-value="2"] .shop-top__image img:nth-child(3) {
  transition: all 0.8s ease-out;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
[data-value="3"] .shop-top__image img:nth-child(4) {
  transition: all 0.8s ease-out;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.shop-top__image img:nth-child(5) {
  display: block;
  position: static;
  transform: translateY(0);
}
@media (min-width: 640px) {
  .shop-top {
    margin: 32px 32px 0;
    border-radius: 32px;
  }
  .shop-top__select {
    height: auto;
    font-size: 0;
    margin: 0;
  }
  .shop-top__select-inner {
    display: block;
    background: transparent;
    border-radius: 0;
    padding: 0;
  }
  .opened .shop-top__select-inner {
    background: transparent;
  }
  .opened .shop-top__select-inner:before {
    display: none;
  }
  .shop-top__select-item {
    display: inline-block;
    color: #fff;
    padding: 14px 1px 14px 16px;
    line-height: 1.4;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    border-radius: 14px 0 0 0;
    margin-right: 13px;
    position: relative;
  }
  .shop-top__select-item:after {
    position: absolute;
    left: calc(100% - 1px);
    top: 0;
    bottom: 0;
    width: 34px;
    content: "";
    background-size: auto 100%;
  }
  .shop-top__select-item:nth-child(1) {
    background: linear-gradient(270deg, #15b746 0%, #1ca345 100%);
    z-index: 3;
  }
  .shop-top__select-item:nth-child(1):after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='46' viewBox='0 0 25 46' fill='none'%3E%3Cpath d='M0 0H0.750364C8.12707 0 14.5477 5.04329 16.295 12.2101L24.5333 46H0V0Z' fill='%2315B746'/%3E%3C/svg%3E") left top no-repeat;
  }
  .shop-top__select-item:nth-child(2) {
    background: linear-gradient(270deg, #d37bf0 0%, #9148d6 100%);
    z-index: 2;
  }
  .shop-top__select-item:nth-child(2):after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='46' viewBox='0 0 26 46' fill='none'%3E%3Cpath d='M0.533203 0H1.28357C8.66027 0 15.0809 5.04329 16.8282 12.2101L25.0665 46H0.533203V0Z' fill='%23D37BF0'/%3E%3C/svg%3E") left top no-repeat;
  }
  .shop-top__select-item:nth-child(3) {
    z-index: 1;
    background: linear-gradient(90deg, #ff6814 0%, #ff9221 99%);
  }
  .shop-top__select-item:nth-child(3):after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='46' viewBox='0 0 25 46' fill='none'%3E%3Cpath d='M0.0664062 0H0.816771C8.19347 0 14.6141 5.04329 16.3614 12.2101L24.5997 46H0.0664062V0Z' fill='%23FF9221'/%3E%3C/svg%3E") left top no-repeat;
  }
  .shop-top__select-item:nth-child(4) {
    background: linear-gradient(90deg, #4A74E7 0%, #40C7E6 99%);
  }
  .shop-top__select-item:nth-child(4):after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='46' viewBox='0 0 26 46' fill='none'%3E%3Cpath d='M0.599609 0H1.34997C8.72668 0 15.1473 5.04329 16.8946 12.2101L25.1329 46H0.599609V0Z' fill='%233CC7E5'/%3E%3C/svg%3E") left top no-repeat;
  }
  .shop-top__select-item.active {
    order: inherit;
    display: inline-block;
    background: #fff !important;
    color: #020202;
    z-index: 4;
  }
  .shop-top__select-item.active:before {
    display: none;
  }
  .shop-top__select-item.active:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='46' viewBox='0 0 26 46' fill='none'%3E%3Cpath d='M0.533203 0H1.28357C8.66027 0 15.0809 5.04329 16.8282 12.2101L25.0665 46H0.533203V0Z' fill='white'/%3E%3C/svg%3E") left top no-repeat !important;
  }
  .opened .shop-top__select-item {
    display: inline-block;
  }
  .shop-top__select.opened:before {
    display: none;
  }
  .shop-top__left {
    padding: 0;
    background: transparent;
    margin-bottom: 24px;
  }
  .shop-top__text-wrap {
    background: #fff;
    border-radius: 16px;
    padding: 48px;
  }
  .shop-top__form-wrap {
    box-sizing: border-box;
    border-radius: 16px;
    background: #FFF;
    padding: 40px 32px;
  }
  .shop-top__form-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .shop-top__price2-wrap {
    align-items: flex-start;
  }
  .shop-top__price2-old {
    margin-bottom: 1px;
  }
  .shop-top__form-title {
    margin-bottom: 0;
  }
  .shop-top__form-subtitle {
    text-align: left;
    margin-bottom: 32px;
  }
  .shop-top__form form.mg-form {
    align-items: flex-end;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 23px 16px;
  }
  .shop-top__image {
    width: 56.4vw;
  }
  .shop-top__text {
    margin-bottom: 32px;
  }
  .shop-top__bottom {
    align-items: center;
    flex-direction: row;
  }
  .shop-top__price-wrap {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .shop-top {
    padding: 0;
    margin: 0 32px;
  }
  .shop-top__inner {
    display: grid;
    grid-template-columns: 584px 1fr;
    grid-gap: 8px;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .shop-top__left {
    margin-bottom: 0;
  }
  .shop-top__form-wrap {
    padding: 40px 32px;
  }
  .shop-top__form-main {
    padding-bottom: 18px;
  }
  .shop-top__image {
    width: auto;
    padding-top: 26px;
    margin-bottom: -32px;
  }
  .shop-top__select-inner {
    z-index: 5;
  }
}
@media (min-width: 1440px) {
  .shop-top {
    margin-left: 64px;
    margin-right: 64px;
  }
  .shop-top__inner {
    grid-template-columns: 1fr 1fr;
    grid-gap: 32px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .shop-top__image {
    margin-bottom: 0px;
  }
}
.shop-work {
  padding: min(11.1111111111vw, 56px) 0 min(5.5555555556vw, 28px);
}
.shop-work__title {
  font-weight: 600;
  font-size: min(6.6666666667vw, 32px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-align: center;
  color: #000;
  margin: 0 0 24px;
}
.shop-work__inner {
  display: grid;
  grid-gap: min(2.2222222222vw, 24px);
}
.shop-work__item {
  display: grid;
  grid-gap: min(2.2222222222vw, 16px);
  grid-template-columns: repeat(2, 1fr);
}
.shop-work__item * {
  transition: all 0.5s;
}
.shop-work__item-text-wrap {
  aspect-ratio: 1;
  background: #1CA345;
  border-radius: min(4.4444444444vw, 20px);
  position: relative;
  overflow: hidden;
}
.animate .shop-work__item-text-wrap {
  opacity: 0.5;
  transform-style: preserve-3d;
  transform: rotateY(90deg);
}
.shop-work__item-image {
  aspect-ratio: 1;
  border-radius: min(4.4444444444vw, 20px);
  overflow: hidden;
  position: relative;
}
.shop-work__item-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s 0.1s;
}
.animate .shop-work__item-image img:nth-child(2) {
  opacity: 0;
  transform-style: preserve-3d;
  transform: rotateY(90deg);
}
.shop-work__item-title {
  position: absolute;
  font-weight: 600;
  font-size: min(3.8888888889vw, 17px);
  bottom: min(4.4444444444vw, 32px);
  right: min(4.4444444444vw, 32px);
  left: min(4.4444444444vw, 32px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #fff;
}
.animate .shop-work__item-title {
  opacity: 0;
  transform: translateY(110px);
}
.shop-work__item-ico {
  width: min(8.8888888889vw, 40px);
  height: min(8.8888888889vw, 40px);
  left: min(4.4444444444vw, 32px);
  top: min(4.4444444444vw, 32px);
  position: absolute;
}
.shop-work__item-ico img {
  width: 100%;
  height: 100%;
}
.animate .shop-work__item-ico {
  opacity: 0;
  transform: translateY(-72px);
}
.shop-work__item:nth-child(odd) .shop-work__item-image {
  order: -1;
}
.shop-work__item:nth-child(n + 4) {
  display: none;
}
@media (min-width: 640px) {
  .shop-work__title {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .shop-work__inner {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
  }
  .shop-work__item {
    grid-template-columns: 1fr;
  }
  .shop-work__item:nth-child(n + 3) {
    display: grid;
  }
  .shop-work__item:nth-child(n + 5) {
    display: none;
  }
}
@media (min-width: 1200px) {
  .shop-work {
    padding: 80px 0 0;
  }
  .shop-work__inner {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
  }
  .shop-work__title {
    max-width: 100%;
    grid-column-end: 3;
    grid-column-start: 2;
    font-size: 48px;
    line-height: 1.1;
    margin: 0 20px 0 36px;
    align-self: center;
    text-align: left;
  }
  .shop-work__item {
    grid-template-columns: repeat(2, 1fr);
  }
  .shop-work__item:nth-child(4) .shop-work__item-image {
    order: -1;
  }
  .shop-work__item:nth-child(2) {
    grid-row-start: 1;
  }
  .shop-work__item-text-wrap {
    border-radius: 22px;
  }
  .shop-work__item-image {
    border-radius: 22px;
  }
  .shop-work__item-title {
    font-size: 24px;
    bottom: 40px;
    right: 40px;
    left: 40px;
  }
  .shop-work__item-ico {
    width: 48px;
    height: 48px;
    left: 40px;
    top: 40px;
  }
}
.shop-func {
  padding: min(5.5555555556vw, 28px) 0 min(11.1111111111vw, 56px);
}
.shop-func__top {
  display: flex;
  flex-direction: column;
}
.shop-func__title {
  font-weight: 600;
  font-size: min(6.6666666667vw, 32px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-align: center;
  color: #000;
  margin: 0 0 min(8.8888888889vw, 40px);
}
.shop-func__select {
  margin-bottom: 24px;
  height: 64px;
  z-index: 2;
}
.shop-func__select-inner {
  background: #f7f8fb;
  padding: 4px;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.opened .shop-func__select-inner {
  background: #fff;
}
.opened .shop-func__select-inner:before {
  position: absolute;
  left: 4px;
  right: 4px;
  top: 112px;
  content: "";
  height: 1px;
  background: #e2e2e2;
}
.shop-func__select-item {
  border-radius: 48px;
  color: #fff;
  padding: 17px 50px 17px 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  background-color: transparent;
  letter-spacing: -0.01em;
  color: #1f1f1f;
  border: none;
  outline: none;
  display: none;
  text-align: left;
  cursor: pointer;
}
.shop-func__select-item.active {
  order: -1;
  display: block;
  color: #fff;
  background: linear-gradient(180deg, #15b746 0%, #1ca345 100%);
  position: relative;
}
.shop-func__select-item.active:before {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23fff'/%3E%3Cpath d='m8 10 3.293 3.293c.333.333.5.5.707.5.207 0 .374-.167.707-.5L16 10' stroke='%23141B34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  content: "";
  top: 16px;
  right: 16px;
  position: absolute;
}
.opened .shop-func__select-item {
  display: block;
}
.opened .shop-func__select-item.active:before {
  transform: rotate(180deg);
}
.shop-func__select.opened:before {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.5);
  content: "";
}
.shop-func__text {
  order: 1;
  font-size: min(4.4444444444vw, 18px);
  line-height: 1.4;
  letter-spacing: -0.01em;
  text-align: center;
  color: #444;
  margin-bottom: 24px;
}
@media (min-width: 640px) {
  .shop-func__title {
    margin: 0 0 8px;
  }
  .shop-func__select {
    height: auto;
    text-align: center;
    font-size: 0;
  }
  .shop-func__select-inner {
    display: inline-block;
    background: #f7f8fb;
    border-radius: 104px;
    padding: 6px;
  }
  .opened .shop-func__select-inner {
    background: #f7f8fb;
  }
  .opened .shop-func__select-inner:before {
    display: none;
  }
  .shop-func__select-item {
    display: inline-block;
    color: #9a9a9a;
    padding: 19px 24px;
    font-size: 14px;
    line-height: 20px;
  }
  .shop-func__select-item:hover:not(.active) {
    background: #e9ebf0;
  }
  .shop-func__select-item.active {
    order: inherit;
    display: inline-block;
  }
  .shop-func__select-item.active:before {
    display: none;
  }
  .opened .shop-func__select-item {
    display: inline-block;
  }
  .shop-func__select.opened:before {
    display: none;
  }
  .shop-func__text {
    margin-bottom: 39px;
    order: 0;
  }
}
@media (min-width: 1200px) {
  .shop-func {
    padding: 80px 0;
  }
  .shop-func__top {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
  }
  .shop-func__title {
    font-size: 48px;
    margin-bottom: 0;
    line-height: 1.1;
  }
  .shop-func__select {
    margin-bottom: 0;
    flex: none;
  }
  .shop-func__select-item {
    padding: 19px 32px;
    font-size: 16px;
    line-height: 22px;
  }
  .shop-func__text {
    font-size: 22px;
    text-align: left;
    margin-bottom: 40px;
  }
}
.func-box {
  border: min(0.2777777778vw, 2px) solid #f4f4f4;
  border-radius: 24px;
  padding: min(4.4444444444vw, 24px);
  display: grid;
  grid-gap: 32px;
  display: none;
}
.func-box.active {
  display: grid;
}
.func-box__top {
  background: rgba(28, 163, 69, 0.1);
  border-radius: 16px;
  padding: min(4.4444444444vw, 24px);
  margin-bottom: min(4.4444444444vw, 24px);
}
.func-box__title {
  font-weight: 600;
  font-size: min(5.5555555556vw, 22px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #000;
  margin-bottom: 4px;
  margin-top: 0;
}
.func-box__text {
  font-weight: 500;
  font-size: min(3.6111111111vw, 14px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #1CA345;
  margin-bottom: min(2.2222222222vw, 16px);
}
.func-box__price {
  font-weight: 600;
  font-size: min(5.5555555556vw, 22px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #000;
}
.func-box__list {
  display: grid;
  grid-gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.func-box__list-item {
  font-size: min(3.6111111111vw, 14px);
  line-height: 1.23;
  letter-spacing: -0.01em;
  color: #000;
  position: relative;
  padding-left: 24px;
  break-inside: avoid;
}
.func-box__list-item-note {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}
.func-box__list-item-note span {
  display: inline-block;
  cursor: pointer;
}
.func-box__list-item-note span:hover ~ div {
  opacity: 1;
  pointer-events: all;
  z-index: 2;
}
.func-box__list-item-note div {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s;
  top: 105%;
  left: 0;
  right: 0;
  background: #ffebb6;
  box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.12);
  padding: 10px 16px;
  border-radius: 16px;
  line-height: 1.4;
}
.func-box__list-item:before {
  position: absolute;
  left: 3px;
  top: 4px;
  width: 8px;
  height: 8px;
  content: "";
  border-radius: 50%;
  background: #1CA345;
}
.func-box__item:last-child .func-box__top {
  background: rgba(60, 100, 229, 0.1);
}
.func-box__item:last-child .func-box__text {
  color: #3c64e5;
}
.func-box__item:last-child .func-box__list-item:before {
  background: #3c64e5;
}
@media (min-width: 640px) {
  .func-box {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
  }
  .func-box__list {
    grid-gap: 16px;
  }
  .func-box__list-item {
    line-height: 1.21;
  }
}
@media (min-width: 1200px) {
  .func-box {
    padding: 40px 40px 24px;
    grid-gap: 24px;
  }
  .func-box__top {
    display: flex;
    align-items: center;
  }
  .func-box__title-wrap {
    flex: 1 0 1%;
  }
  .func-box__price {
    flex: none;
    width: 190px;
    text-align: right;
  }
  .func-box__text {
    margin-bottom: 0;
  }
  .func-box__list {
    display: block;
    column-count: 2;
    column-gap: 16px;
    column-fill: balance;
  }
  .func-box__list-item {
    margin-bottom: 16px;
    line-height: 1.2;
  }
  .func-box__list-item-note div {
    padding: 16px 20px;
    border-radius: 16px;
  }
}
.shop-pic {
  background: url(img/pic_bg.webp) center center no-repeat;
  background-size: cover;
  padding-top: min(11.1111111111vw, 56px);
}
.shop-pic__title {
  font-weight: 600;
  font-size: min(6.6666666667vw, 32px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-align: center;
  color: #000;
  margin-bottom: 24px;
}
.shop-pic__img {
  line-height: 0;
  margin: 0 auto;
  width: 83vw;
  height: 39.5vw;
}
.shop-pic__img img {
  max-width: 100%;
  height: auto;
}
@media (min-width: 640px) {
  .shop-pic {
    margin: 0 32px;
    border-radius: 32px;
  }
}
@media (min-width: 1200px) {
  .shop-pic {
    padding-top: 80px;
  }
  .shop-pic__title {
    margin-bottom: 40px;
    font-size: 48px;
  }
  .shop-pic .mp-wrapp {
    max-width: 1248px;
  }
  .shop-pic__img {
    line-height: 0;
    margin: 0 auto;
    width: 100%;
    height: auto;
    position: relative;
    aspect-ratio: 2.0200000202;
    max-width: 1146px;
  }
  .shop-pic__img img {
    width: 100%;
    position: absolute;
  }
}
@media (min-width: 1440px) {
  .shop-pic {
    margin-left: 64px;
    margin-right: 64px;
  }
}
.shop-form {
  padding: 35px 0 0;
}
.shop-form__inner {
  display: grid;
  grid-gap: min(7.7777777778vw, 60px);
}
.shop-form__title {
  font-weight: 600;
  font-size: min(6.6666666667vw, 32px);
  line-height: 1.1;
  letter-spacing: -0.01em;
  text-align: center;
  color: #000;
  margin-bottom: 8px;
}
.shop-form__text {
  font-size: min(4.4444444444vw, 20px);
  line-height: 1.4;
  letter-spacing: -0.01em;
  text-align: center;
  color: #444;
  margin-bottom: 24px;
}
.shop-form__pic {
  max-width: 50.5vw;
  margin: 0 auto;
  position: relative;
}
.shop-form__pic:before {
  position: absolute;
  width: 11.1vw;
  top: 0;
  content: "";
  left: 6%;
  height: 11.1vw;
  background: url("data:image/svg+xml,%3Csvg width='103' height='103' viewBox='0 0 103 103' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' fill='%239148D6'%3E%3Cpath opacity='.05' d='m69.3 6.11-4.518 13.906c-.497 1.513-2.114 2.3-3.606 1.824-.02 0-.041-.02-.062-.02a2.828 2.828 0 0 1-1.845-3.586l4.518-13.906a2.811 2.811 0 0 1 3.565-1.824c.041.02.104.041.145.041 1.471.477 2.28 2.073 1.803 3.565Z'/%3E%3Cpath opacity='.1' d='m82.44 13.847-8.6 11.833a2.853 2.853 0 0 1-4 .622c-.02-.02-.041-.02-.041-.041-1.285-.933-1.575-2.715-.643-3.98l8.6-11.833a2.845 2.845 0 0 1 3.96-.643c.04.021.082.063.124.083 1.264.912 1.533 2.694.6 3.959Z'/%3E%3Cpath opacity='.15' d='m92.572 25.24-11.833 8.6a2.848 2.848 0 0 1-3.98-.642c-.02-.02-.02-.041-.04-.041a2.854 2.854 0 0 1 .62-4l11.835-8.6c1.264-.913 3.046-.643 3.958.6.02.042.062.083.083.125a2.845 2.845 0 0 1-.643 3.958Z'/%3E%3Cpath opacity='.2' d='m98.69 39.214-13.906 4.518c-1.513.497-3.109-.352-3.586-1.845 0-.02-.02-.041-.02-.062-.498-1.513.31-3.13 1.824-3.606l13.906-4.518a2.847 2.847 0 0 1 3.585 1.803.378.378 0 0 1 .041.145c.456 1.492-.373 3.088-1.844 3.565Z'/%3E%3Cpath opacity='.25' d='M103 51.503v.083c0 1.554-1.285 2.818-2.839 2.818h-14.61c-1.576 0-2.84-1.285-2.84-2.88v-.041c0-1.576 1.264-2.881 2.84-2.881h14.61c1.554 0 2.839 1.264 2.839 2.818v.083Z'/%3E%3Cpath opacity='.3' d='M100.511 67.352a.381.381 0 0 0-.042.145c-.476 1.492-2.093 2.3-3.585 1.803l-13.906-4.518c-1.513-.497-2.3-2.114-1.824-3.606 0-.02.021-.041.021-.062a2.828 2.828 0 0 1 3.585-1.845l13.906 4.518a2.84 2.84 0 0 1 1.845 3.565Z'/%3E%3Cpath opacity='.35' d='M93.215 81.715c-.021.042-.062.083-.083.124-.912 1.265-2.694 1.534-3.959.602L77.34 73.84a2.854 2.854 0 0 1-.622-4c.02-.02.02-.041.042-.041.932-1.285 2.715-1.575 3.979-.643l11.833 8.6a2.845 2.845 0 0 1 .643 3.96Z'/%3E%3Cpath opacity='.4' d='M81.841 93.116c-.041.02-.082.062-.124.083a2.845 2.845 0 0 1-3.958-.642l-8.6-11.834a2.848 2.848 0 0 1 .642-3.979c.02-.02.041-.02.041-.041a2.853 2.853 0 0 1 4 .621l8.6 11.834c.933 1.264.664 3.046-.6 3.958Z'/%3E%3Cpath opacity='.45' d='M67.503 100.472a.38.38 0 0 1-.145.042 2.846 2.846 0 0 1-3.565-1.824l-4.518-13.906c-.497-1.513.353-3.109 1.845-3.586.02 0 .041-.02.062-.02 1.513-.498 3.13.31 3.606 1.824l4.518 13.906a2.85 2.85 0 0 1-1.803 3.564Z'/%3E%3Cpath opacity='.5' d='M54.404 85.527v14.61c0 1.555-1.264 2.84-2.818 2.84h-.166c-1.554 0-2.818-1.285-2.818-2.84v-14.61c0-1.575 1.285-2.84 2.88-2.84h.041c1.596 0 2.881 1.265 2.881 2.84Z'/%3E%3Cpath opacity='.55' d='M43.748 84.781 39.23 98.687a2.812 2.812 0 0 1-3.565 1.824.38.38 0 0 0-.145-.042c-1.492-.476-2.3-2.093-1.803-3.585l4.518-13.906c.497-1.513 2.114-2.3 3.606-1.824.02 0 .041.021.062.021a2.884 2.884 0 0 1 1.845 3.606Z'/%3E%3Cpath opacity='.6' d='m33.84 80.739-8.6 11.833a2.845 2.845 0 0 1-3.96.643c-.04-.021-.082-.062-.124-.083-1.264-.912-1.533-2.694-.6-3.959l8.6-11.833a2.854 2.854 0 0 1 4-.622c.02.02.041.02.041.042a2.848 2.848 0 0 1 .643 3.979Z'/%3E%3Cpath opacity='.65' d='m25.68 73.865-11.833 8.6c-1.264.913-3.047.643-3.959-.6-.02-.041-.062-.083-.083-.124a2.845 2.845 0 0 1 .643-3.959l11.834-8.6a2.848 2.848 0 0 1 3.979.642c.02.02.02.041.041.041.912 1.265.643 3.068-.622 4Z'/%3E%3Cpath opacity='.7' d='M20.02 64.788 6.112 69.306a2.847 2.847 0 0 1-3.585-1.803.384.384 0 0 1-.042-.145 2.845 2.845 0 0 1 1.824-3.565l13.906-4.518c1.513-.497 3.109.353 3.585 1.845 0 .02.021.041.021.062a2.836 2.836 0 0 1-1.803 3.606Z'/%3E%3Cpath opacity='.75' d='M20.31 51.503v.02c0 1.576-1.264 2.881-2.84 2.881H2.84C1.284 54.404 0 53.14 0 51.586v-.166c0-1.554 1.285-2.818 2.84-2.818h14.61c1.575 0 2.84 1.285 2.84 2.88.02 0 .02.021.02.021Z'/%3E%3Cpath opacity='.8' d='M21.84 41.825c0 .021-.02.042-.02.063a2.828 2.828 0 0 1-3.586 1.844L4.328 39.214a2.811 2.811 0 0 1-1.824-3.564.384.384 0 0 0 .041-.146c.477-1.492 2.094-2.3 3.586-1.803l13.906 4.518c1.492.498 2.28 2.114 1.803 3.606Z'/%3E%3Cpath opacity='.85' d='M26.279 33.14c-.021.02-.021.042-.042.042-.932 1.285-2.715 1.575-3.979.642l-11.834-8.6a2.845 2.845 0 0 1-.642-3.959c.02-.041.062-.083.083-.124.912-1.264 2.694-1.534 3.958-.601l11.834 8.6a2.856 2.856 0 0 1 .622 4Z'/%3E%3Cpath opacity='.9' d='M33.198 26.24c-.02.02-.041.02-.041.041a2.853 2.853 0 0 1-4-.621l-8.6-11.813c-.913-1.264-.643-3.047.6-3.959.042-.02.083-.062.125-.083a2.845 2.845 0 0 1 3.958.643l8.6 11.834c.933 1.264.622 3.046-.642 3.958Z'/%3E%3Cpath opacity='.95' d='M41.887 21.822c-.02 0-.041.021-.062.021-1.513.497-3.13-.31-3.606-1.824L33.701 6.113a2.847 2.847 0 0 1 1.803-3.585.384.384 0 0 1 .145-.042 2.845 2.845 0 0 1 3.565 1.824l4.518 13.906c.497 1.513-.332 3.109-1.845 3.606Z'/%3E%3Cpath d='M54.404 2.84v14.61c0 1.575-1.285 2.84-2.88 2.84h-.041c-1.576 0-2.881-1.265-2.881-2.84V2.84c0-1.555 1.264-2.84 2.818-2.84h.166c1.554 0 2.818 1.285 2.818 2.84Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h103v103H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center center no-repeat;
  background-size: cover;
  animation: spin 5s linear infinite;
}
.shop-form__pic span {
  display: block;
}
.shop-form__pic img {
  max-width: 100%;
  height: auto;
}
.shop-form__right .shop-form__title {
  line-height: 1.2;
}
.shop-form__form-wrap {
  padding: min(8.8888888889vw, 40px) 24px;
  background: #f7f8fb;
  border-radius: min(6.6666666667vw, 32px);
}
.shop-form__form form {
  display: grid;
  grid-gap: 8px;
}
.shop-form__form form input {
  width: 100%;
  height: 58px;
  border: none;
  padding: 0;
  box-sizing: border-box;
  border-bottom: 1px solid #c2cdcf;
  background: transparent;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  outline: none;
  transition: all 0.2s;
}
.shop-form__form form input::placeholder {
  font-family: inherit;
  color: rgba(102, 112, 133, 0.64);
}
.shop-form__form form input:hover {
  border-color: #9148d6;
}
.shop-form__form form input:focus {
  border-color: #9148d6;
  color: #000;
}
.shop-form__form form input:focus::placeholder {
  color: #000;
}
.shop-form__form form .tpl-form-button {
  margin-top: 16px;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  box-shadow: 0 8px 16px 0 rgba(145, 72, 214, 0.24);
  background: linear-gradient(180deg, #d37bf0 0%, #9148d6 100%);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -0.01em;
  text-align: center;
  color: #fff;
  border: none;
  outline: none;
  padding: 16px 24px;
  border-radius: 48px;
  cursor: pointer;
}
.shop-form__form form .tpl-form-button:hover {
  box-shadow: 0 8px 16px 0 rgba(145, 72, 214, 0.24);
  background: linear-gradient(180deg, #e596ff 0%, #a353ef 100%);
}
.shop-form__form form .tpl-form-button:active {
  box-shadow: none;
  background: linear-gradient(360deg, #d37bf0 0%, #9148d6 100%);
}
.shop-form__form-note {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  text-align: center;
  color: #777;
  margin-top: 24px;
}
.shop-form__form-note a {
  color: #2663ff;
}
@media (min-width: 640px) {
  .shop-form {
    padding: 88px 0 0;
  }
  .shop-form__left {
    display: flex;
    align-items: center;
  }
  .shop-form__left .shop-form__text {
    margin-bottom: 0;
  }
  .shop-form__title {
    text-align: left;
  }
  .shop-form__text {
    text-align: left;
  }
  .shop-form__pic {
    flex: none;
    width: 34vw;
    padding-right: 7px;
    line-height: 0;
  }
  .shop-form__pic:before {
    width: 7.1vw;
    top: -19px;
    left: -7%;
    height: 7.1vw;
  }
  .shop-form__pic:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 7px;
    left: 0;
    content: "";
    border: 3px solid #f0f0f0;
    border-radius: 50%;
    transform: translate(7px, 7px);
    z-index: -1;
  }
  .shop-form__form-wrap {
    padding: 40px;
  }
  .shop-form__right .shop-form__title {
    margin-bottom: 16px;
  }
  .shop-form__form {
    position: relative;
  }
  .shop-form__form form {
    grid-gap: 32px;
  }
  .shop-form__form form input {
    height: 72px;
    font-size: 20px;
  }
  .shop-form__form form .tpl-form-button {
    margin-top: -8px;
    font-size: 18px;
    width: fit-content;
    padding: 24px 40px;
  }
  .shop-form__form-note {
    font-size: 15px;
    text-align: left;
    position: absolute;
    left: 206px;
    bottom: 15px;
    width: 280px;
  }
}
@media (min-width: 1200px) {
  .shop-form {
    padding: 74px 0 0;
  }
  .shop-form__inner {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
  }
  .shop-form__left {
    display: block;
    padding-top: 56px;
  }
  .shop-form__left .shop-form__text {
    text-align: center;
    margin-bottom: 60px;
  }
  .shop-form__title {
    text-align: center;
    font-size: 48px;
    margin-bottom: 16px;
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
  .shop-form__text {
    font-size: 24px;
  }
  .shop-form__pic {
    width: 482px;
    padding-right: 0;
    margin: 0 auto;
  }
  .shop-form__pic:before {
    width: 103px;
    top: -38px;
    left: -36px;
    height: 103px;
  }
  .shop-form__pic:after {
    right: 0;
    transform: translate(13px, 13px);
  }
  .shop-form__pic span {
    position: relative;
  }
  .shop-form__pic span:before {
    position: absolute;
    content: "";
    background: url("data:image/svg+xml,%3Csvg width='144' height='113' viewBox='0 0 144 113' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M136.939 59.613c-1.662.24-3.373.496-5.034.737-1.662.24-3.323.48-4.969.77-1.186.203-2.42.42-3.621.573l-3.62.572-3.586.508-1.776.221-1.791.172c-.689.05-1.57-.167-2.054.199-.4.285-.834.636-1.154 1.006-.37.385-.625.789-.766 1.212-.16.537.759 2.64 1.491 2.198 1.699-1.174 5.956-1.617 10.079-1.964 2.069-.15 4.074-.332 5.651-.493.789-.08 1.479-.13 2.054-.198.526-.054.938-.126 1.136-.187l.301.45c-.362.056-.69.049-1.052.106-1.25.168-2.5.336-3.803.683-1.269.282-2.606.694-3.978 1.17-1.372.477-2.797 1.133-4.306 1.869-1.89.907-3.73 1.8-5.636 2.657-.96.404-1.905.858-2.865 1.262l-2.881 1.213c-.96.404-1.936.758-2.896 1.162-.975.355-1.936.76-2.911 1.114-1.966.66-3.917 1.369-5.914 1.93-1.966.659-3.978 1.17-5.94 1.666-2.028.461-3.99.957-5.999 1.304-4.05.76-8.063 1.29-12.118 1.508-8.11.436-16.188-.439-23.738-2.941a63.214 63.214 0 0 1-5.541-2.145c-1.784-.86-3.568-1.721-5.249-2.777-3.38-1.996-6.57-4.43-9.51-7.105-7.271-6.71-13.31-15.046-17.507-24.276-.656-1.425-1.243-2.98-2.051-4.195-.873-1.25-1.902-2.126-3.522-2.278-.243 2.732.283 5.499 1.221 8.193.938 2.694 2.273 5.266 3.84 7.712 2.325 3.677 5 7.084 7.878 10.265a118.68 118.68 0 0 0 4.502 4.58 117.791 117.791 0 0 0 4.738 4.29c5.66 4.82 12.146 8.626 19.19 11.067 7.042 2.441 14.527 3.5 21.954 3.49a87.228 87.228 0 0 0 11.15-.776c3.686-.538 7.39-1.19 10.968-2.075 7.27-1.75 14.328-4.195 21.213-7.02 1.01-.42 2.035-.79 3.06-1.159 1.025-.37 2.081-.64 3.121-.96 1.04-.321 2.065-.691 3.106-1.011l1.57-.538c.529-.217 1.009-.42 1.539-.637 1.772-.762 3.593-1.54 5.319-2.451-1.028 1.239-2.042 2.527-3.021 3.75-.792.95-1.505 1.982-2.232 2.966-.728.983-1.44 2.016-2.153 3.049-.339.484-.061 1.916.458 2.19.469.29 1.593-.11 2.355-.453.43-.187.705-.705 1.009-1.124 4.477-6.423 9.152-12.2 15.164-16.98.301-.256.602-.512.724-.82.248-.782.712-1.738.464-2.367-.251-.465-1.421-.918-2.061-.884Z' fill='%23000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.672 37.68 120.552.767l22.896 74.357-119.88 36.913z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center center no-repeat;
    width: 144px;
    height: 113px;
    right: -70px;
    bottom: 35px;
  }
  .shop-form__form-wrap {
    padding: 56px;
  }
  .shop-form__right .shop-form__text {
    font-size: 20px;
    margin-bottom: 40px;
  }
  .shop-form__right .shop-form__title {
    text-align: left;
    max-width: 370px;
  }
  .shop-form__form {
    position: relative;
  }
  .shop-form__form form .tpl-form-button {
    margin-top: 8px;
    font-size: 18px;
    width: fit-content;
    padding: 24px 40px;
  }
  .shop-form__form-note {
    bottom: 6px;
    width: 270px;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.shop-themes {
  background: url(img/catalog-bg.jpg) center center no-repeat;
  padding: min(11.1111111111vw, 56px) 0;
}
.shop-themes__title {
  font-weight: 600;
  font-size: min(6.6666666667vw, 32px);
  text-align: center;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #000;
  margin: 0 0 8px;
}
.shop-themes__text {
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #777;
  font-size: min(4.4444444444vw, 20px);
  padding-bottom: min(4.4444444444vw, 30px);
}
.shop-themes__list {
  line-height: 0;
  margin: 0 -6px;
  text-align: center;
}
.shop-themes__item {
  margin: 8px 4px 0;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  padding: min(3.8888888889vw, 20px) min(5vw, 24px) min(3.8888888889vw, 20px) min(3.8888888889vw, 24px);
  background: #fff;
  border-radius: 60px;
  font-weight: 600;
  font-size: min(3.6111111111vw, 16px);
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: #000;
}
.shop-themes__item img, .shop-themes__item svg {
  flex: none;
  margin-right: min(1.6666666667vw, 8px);
  width: min(6.6666666667vw, 30px);
  height: min(6.6666666667vw, 30px);
}
.shop-themes__item:hover {
  box-shadow: inset 0 0 14px 0 rgba(255, 255, 255, 0.24), 0 8px 16px 0 rgba(0, 163, 55, 0.3);
  background: linear-gradient(180deg, #15B746 0%, #1CA345 100%);
  color: #fff;
}
.shop-themes__item:hover path[stroke] {
  stroke: #fff;
}
.shop-themes__item:hover path[fill] {
  fill: #fff;
}
.shop-themes__item:active {
  box-shadow: none;
  background: linear-gradient(0deg, #15B746 0%, #1CA345 100%);
  color: #fff;
}
.shop-themes__item:active path[stroke] {
  stroke: #fff;
}
.shop-themes__item:active path[fill] {
  fill: #fff;
}
.shop-themes__item--last {
  display: block;
  padding: 20px 40px;
  margin-top: 24px;
  font-size: 16px;
  line-height: 140%;
  box-shadow: 0 8px 16px 0 rgba(28, 163, 69, 0.24);
  background: linear-gradient(180deg, #15b746 0%, #1ca345 100%);
  color: #fff;
}
@media (min-width: 640px) {
  .shop-themes__text {
    font-weight: 500;
  }
  .shop-themes__item {
    padding: 17px 24px;
    font-size: 16px;
  }
  .shop-themes__item--last {
    padding: 20px 40px;
    margin-top: 8px;
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
  }
}
@media (min-width: 1200px) {
  .shop-themes {
    margin: 0 32px;
    border-radius: 32px;
    padding: 80px 0;
  }
  .shop-themes__title {
    font-size: 48px;
    margin-bottom: 16px;
  }
  .shop-themes__text {
    font-size: 22px;
  }
  .shop-themes__item {
    margin: 16px 8px 0;
    padding: 20px 32px 20px 28px;
    font-size: 18px;
  }
  .shop-themes__item img, .shop-themes__item svg {
    margin-right: 16px;
  }
  .shop-themes__item--last {
    font-size: 18px;
    padding: 23px 40px;
    margin: 16px 8px 0;
  }
  .shop-themes__text {
    padding-bottom: 18px;
  }
}
@media (min-width: 1440px) {
  .shop-themes {
    margin-left: 64px;
    margin-right: 64px;
  }
}
.mg-tariff-form__buttons {
  padding-top: min(6.6666666667vw, 32px);
  padding-bottom: min(6.6666666667vw, 32px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 640px) {
  .mg-tariff-form__buttons {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .mg-tariff-form__buttons {
    padding-top: 22px;
  }
}
.mg-tariff-form__buttons-title {
  color: #000;
  font-size: min(4.4444444444vw, 21px);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.16px;
  text-align: center;
  margin-bottom: 8px;
}
@media (min-width: 640px) {
  .mg-tariff-form__buttons-title {
    text-align: left;
  }
}
.mg-tariff-form__buttons-text {
  font-weight: 400;
  font-size: min(3.8888888889vw, 16px);
  line-height: 140%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #6e6e6e;
}
@media (min-width: 640px) {
  .mg-tariff-form__buttons-text {
    text-align: left;
  }
}
.mg-tariff-form__buttons-text span {
  font-weight: 700;
  color: #000;
}
.mg-tariff-form__buttons-item {
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  border-radius: 40px;
  padding: 15px 18px;
  text-decoration: none;
}
.mg-tariff-form__buttons-item:nth-child(2) {
  background: rgba(3, 155, 229, 0.16);
}
.mg-tariff-form__buttons-item:nth-child(2):hover {
  background: rgba(3, 155, 229, 0.24);
}
.mg-tariff-form__buttons-item:nth-child(2):active {
  background: rgba(3, 155, 229, 0.32);
}
.mg-tariff-form__buttons-item:nth-child(3) {
  background: linear-gradient(180deg, rgba(80, 206, 94, 0.16) 0%, rgba(41, 175, 62, 0.16) 100%);
}
.mg-tariff-form__buttons-item:nth-child(3):hover {
  background: linear-gradient(180deg, rgba(80, 206, 94, 0.24) 0%, rgba(41, 175, 62, 0.24) 100%);
}
.mg-tariff-form__buttons-item:nth-child(3):active {
  background: linear-gradient(180deg, rgba(80, 206, 94, 0.32) 0%, rgba(41, 175, 62, 0.32) 100%);
}
.mg-tariff-form__buttons-item span img {
  height: 18px;
  width: auto;
}
.mg-tariff-form__buttons-item span:first-child {
  line-height: 0;
  flex: none;
  margin-right: 7px;
}
.mg-tariff-form__buttons-item span:last-child {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #000;
}
.mg-tarrifs-portfolio__title h2 {
  color: #000;
  text-align: center;
  font-size: min(6.6666666667vw, 32px);
  font-weight: 600;
  line-height: 1.2;
  /* 31.2px */
  letter-spacing: -0.2px;
  padding-top: min(6.6666666667vw, 40px);
  padding-bottom: min(6.6666666667vw, 32px);
  background: #fff;
  margin-top: 0;
  margin-bottom: 0;
}
.mg-tarrifs-portfolio__list {
  display: flex;
  flex-wrap: wrap;
}
.mg-tarrifs-portfolio__item {
  flex: 1 0 320px;
  text-decoration: none;
  color: #fff;
}
.mg-tarrifs-portfolio__item * {
  display: block;
}
.mg-tarrifs-portfolio__item-inner {
  padding-top: 100%;
  position: relative;
}
.mg-tarrifs-portfolio__item-text-wrapper {
  position: absolute;
  top: min(6.6666666667vw, 32px);
  left: min(6.6666666667vw, 32px);
  right: min(6.6666666667vw, 32px);
  z-index: 1;
}
.mg-tarrifs-portfolio__item-title {
  font-size: min(5vw, 20px);
  font-weight: 600;
  line-height: 130%;
  /* 23.4px */
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}
.mg-tarrifs-portfolio__item-text {
  font-size: min(3.8888888889vw, 16px);
  line-height: 130%;
  /* 20.8px */
  letter-spacing: -0.2px;
}
.mg-tarrifs-portfolio__item-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.mg-tarrifs-portfolio__item-image:before {
  position: absolute;
  background: rgba(31, 31, 31, 0.59);
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.mg-tarrifs-portfolio__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mg-tarrifs-portfolio__item:nth-child(n+7) {
  display: none;
}
@media (min-width: 1200px) {
  .mg-tarrifs-portfolio {
    overflow: hidden;
  }
  .mg-tarrifs-portfolio__title h2 {
    font-size: 48px;
    line-height: 58px;
    padding: 86px 0 56px;
  }
  .mg-tarrifs-portfolio__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .mg-tarrifs-portfolio__item-text-wrapper {
    left: 40px;
    right: 40px;
    top: 40px;
  }
  .mg-tarrifs-portfolio__item-title {
    font-size: 24px;
  }
  .mg-tarrifs-portfolio__item-text {
    font-size: 18px;
  }
  .mg-tarrifs-portfolio__item-image {
    transition: all 0.3s;
  }
  .mg-tarrifs-portfolio__item:hover {
    z-index: 1;
  }
  .mg-tarrifs-portfolio__item:hover .mg-tarrifs-portfolio__item-image {
    left: -12px;
    right: -12px;
    top: -12px;
    bottom: -12px;
  }
  .mg-tarrifs-portfolio__item:hover .mg-tarrifs-portfolio__item-image:before {
    background: linear-gradient(180deg, rgba(31, 31, 31, 0.78) 24.26%, rgba(31, 31, 31, 0) 78.85%);
  }
}
@media (min-width: 1440px) {
  .mg-tarrifs-portfolio__list {
    grid-template-columns: repeat(4, 1fr);
  }
  .mg-tarrifs-portfolio__item:nth-child(n+7) {
    display: block;
  }
}
.mg-shop-solution__btn-wrap {
  display: none;
}
@media (max-width: 639px) {
  .mg-shop-solution__btn-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 16px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.56);
    backdrop-filter: blur(4px);
    z-index: 1;
    transition: 0.3s ease;
    transform: translateY(100%);
    display: block;
  }
  .mg-shop-solution__btn-wrap.active_btn {
    transform: translateY(0);
  }
  .mg-shop-solution__btn-fix {
    cursor: pointer;
    box-sizing: border-box;
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.2px;
    padding: 19px 32px;
    border-radius: 40px;
    background: linear-gradient(180deg, #15B746 0%, #1CA345 100%);
    box-shadow: 0px 8px 16px 0px rgba(28, 163, 69, 0.24);
    width: 100%;
    max-width: calc(100% - 78px);
  }
  .scroll-to-top.js-top-scroll {
    left: auto;
    right: 21px;
    width: 56px;
    height: 56px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 15L11.1392 9.86083C11.545 9.45503 11.7479 9.25213 12 9.25213C12.2521 9.25213 12.455 9.45503 12.8608 9.86083L18 15' stroke='%231BA445' stroke-width='2.43478' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat, rgba(255, 255, 255, 0.8);
  }
  .scroll-to-top.js-top-scroll:hover {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 15L11.1392 9.86083C11.545 9.45503 11.7479 9.25213 12 9.25213C12.2521 9.25213 12.455 9.45503 12.8608 9.86083L18 15' stroke='%231BA445' stroke-width='2.43478' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat, rgba(255, 255, 255, 0.8);
  }
  .scroll-to-top.js-top-scroll.active_btn {
    bottom: 97px;
  }
  .scroll-to-top.js-top-scroll .scroll-to-top__icon {
    display: none;
  }
  .scroll-to-top.js-top-scroll .scroll-to-top__text {
    display: none;
  }
}
.mg-main-info {
  box-sizing: border-box;
  padding: min(11.1111111111vw, 48px) 0;
}
.mg-main-info__title {
  color: #000;
  text-align: center;
  font-size: min(6.1111111111vw, 32px);
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.5px;
  margin-bottom: min(8.8888888889vw, 40px);
  margin-top: 0;
}
.mg-main-info__text {
  color: #0B0B0B;
  font-size: min(4.4444444444vw, 18px);
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.2px;
  margin-bottom: 16px;
}
.mg-main-info__subtitle {
  color: #0B0B0B;
  font-size: min(5vw, 22px);
  font-weight: 600;
  line-height: 160%;
  letter-spacing: -0.2px;
  margin-bottom: 24px;
  margin-top: 0;
}
.mg-main-info__list {
  margin-bottom: 16px;
  display: grid;
  grid-gap: min(2.2222222222vw, 16px);
}
@media (min-width: 960px) {
  .mg-main-info__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.mg-main-info__item {
  box-sizing: border-box;
  padding: 24px;
  border-radius: min(4.4444444444vw, 18px);
  background: rgba(6, 158, 47, 0.08);
}
@media (min-width: 640px) {
  .mg-main-info__item {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 960px) {
  .mg-main-info__item {
    border-radius: 22px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.mg-main-info__item-icon {
  line-height: 0;
  margin-bottom: 16px;
}
@media (min-width: 640px) {
  .mg-main-info__item-icon {
    margin-bottom: 0;
    margin-right: 24px;
  }
}
@media (min-width: 960px) {
  .mg-main-info__item-icon {
    margin-bottom: 24px;
    margin-right: 0;
  }
}
.mg-main-info__item-icon svg {
  width: min(13.3333333333vw, 64px);
  height: min(13.3333333333vw, 64px);
  min-height: min(13.3333333333vw, 64px);
}
.mg-main-info__item-title {
  color: #444;
  font-size: min(3.8888888889vw, 16px);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.2px;
}
@media (min-width: 1200px) {
  .mg-main-info {
    padding: 80px 0;
  }
  .mg-main-info__title {
    font-size: 38px;
    margin-bottom: 56px;
  }
  .mg-main-info__text {
    font-size: 20px;
  }
  .mg-main-info__subtitle {
    font-size: 24px;
  }
}
.anim-top {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.anim-right {
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.anim-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.anim-top.visible {
  opacity: 1;
  transform: translateX(0);
}
.anim-right.visible {
  opacity: 1;
  transform: translateX(0);
}
.anim-left.visible {
  opacity: 1;
  transform: translateX(0);
}
.shop-top__form-wrap .mg-form__field {
  position: relative;
}
.shop-top__form-wrap .mg-form__field + .mg-form__field {
  margin-top: 18px;
}
@media (min-width: 640px) {
  .shop-top__form-wrap .mg-form__field + .mg-form__field {
    margin-top: 0;
  }
}
.shop-top__form-wrap .mg-form__field-title {
  pointer-events: none;
  display: inline-block;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.2px;
  box-sizing: border-box;
  padding: 7.5px 8px;
  background: #FFF;
  position: absolute;
  top: 0;
  left: min(3.3333333333vw, 16px);
  transform: translateY(-50%);
  z-index: 1;
}
.shop-top__form-wrap .lp-form-tpl__field-select {
  position: relative;
}
.shop-top__form-wrap .lp-form-tpl__field-select .select-arrow {
  pointer-events: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: min(5.5555555556vw, 24px);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.71978 5.93994L7.06645 10.2866C7.99984 11.22 7.99984 11.2199 8.93312 10.2866L13.2798 5.93994' stroke='%231CA345' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  transition: 0.3s ease;
}
.shop-top__form-wrap .lp-form-tpl__field-select__input {
  background: #fff;
  box-sizing: border-box;
  padding: 18px min(12.2222222222vw, 48px) 18px min(5.5555555556vw, 24px);
  border-radius: 36px;
  border: 1px solid #1CA345;
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.2px;
  cursor: pointer;
  width: 100%;
  max-width: 100%;
}
.shop-top__form-wrap .lp-form-tpl__field-select__input:hover {
  border-color: #1CA345;
}
.shop-top__form-wrap .lp-form-tpl__field-select__input.active {
  border-color: #1CA345;
}
.shop-top__form-wrap .lp-form-tpl__field-select__input.active + .select-arrow {
  transform: translateY(-50%) rotate(180deg);
}
.shop-top__form-wrap .lp-form-tpl__field-select__list {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  width: 100%;
  z-index: 2;
  box-sizing: border-box;
  padding: 8px;
  border-radius: 16px;
  background: #F7F7FB;
}
.shop-top__form-wrap .lp-form-tpl__field-select__list > div {
  max-height: 200px;
  overflow: auto;
  padding-right: 4px;
}
.shop-top__form-wrap .lp-form-tpl__field-select__list > div::-webkit-scrollbar {
  width: 2px;
  background: #d3d3d3;
  border-radius: 2px;
}
.shop-top__form-wrap .lp-form-tpl__field-select__list > div::-webkit-scrollbar-thumb {
  background: #1CA345;
  border-radius: 2px;
}
.shop-top__form-wrap .lp-form-tpl__field-select__list.active {
  display: block;
  z-index: 2;
}
.shop-top__form-wrap .lp-form-tpl__field-select__list-item {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.2px;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 32px;
  cursor: pointer;
}
.shop-top__form-wrap .lp-form-tpl__field-select__list-item:hover {
  background: #1CA345;
  color: #fff;
}
.shop-top__form-wrap input[type="text"] {
  background: #fff;
  outline: none;
  box-sizing: border-box;
  padding: 18px min(5.5555555556vw, 24px);
  border-radius: 36px;
  border: 1px solid #D2D5DA;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.2px;
  width: 100%;
  max-width: 100%;
}
.shop-top__form-wrap input[type="text"]::placeholder {
  color: #999;
}
.shop-top__form-wrap input[type="text"]:hover {
  border-color: #1CA345;
}
.shop-top__form-wrap input[type="text"]:focus {
  border-color: #1CA345;
}
.shop-top__form-wrap .mg-form__field + .mg-form__field-button {
  margin-top: 16px;
}
@media (min-width: 640px) {
  .shop-top__form-wrap .mg-form__field + .mg-form__field-button {
    margin-top: 0;
  }
}
.shop-top__form-wrap .tpl-form-button {
  cursor: pointer;
  border: none;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.2px;
  border-radius: 44px;
  background: linear-gradient(180deg, #15B746 0%, #1CA345 100%);
  box-shadow: 0px 8px 16px 0px rgba(28, 163, 69, 0.24);
  box-sizing: border-box;
  padding: 18.5px 24px;
  width: 100%;
}
.shop-top__form-wrap .tpl-form-button:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0) 100%), #1CA345;
  box-shadow: 0px 6px 12px 0px rgba(28, 163, 69, 0.24);
}
.shop-top__form-wrap .tpl-form-button:active {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), #1CA345;
  box-shadow: 0px 0px 0px 0px rgba(28, 163, 69, 0);
}
.shop-top__form-wrap .mg-form__field + .mg-form__field-privacy {
  margin-top: 8px;
  color: #333;
  text-align: center;
  font-size: min(3.6111111111vw, 14px);
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.2px;
}
.shop-top__form-wrap .mg-form__field + .mg-form__field-privacy a {
  color: #0369D9;
}
@media (min-width: 640px) {
  .shop-top__form-wrap .mg-form__field + .mg-form__field-privacy {
    margin-top: 0;
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
.shop-top[data-value="1"] .tpl-form-button {
  box-shadow: 0 8px 16px 0 rgba(187, 60, 131, 0.24);
  background: linear-gradient(180deg, #f77b9f 0%, #bb3c83 100%);
}
.shop-top[data-value="1"] .tpl-form-button:hover {
  box-shadow: 0 8px 16px 0 rgba(187, 60, 131, 0.24);
  background: linear-gradient(180deg, #ff98b6 0%, #dc4c9c 100%);
}
.shop-top[data-value="1"] .tpl-form-button:active {
  box-shadow: none;
  background: linear-gradient(360deg, #f77b9f 0%, #bb3c83 100%);
}
.shop-top[data-value="2"] .tpl-form-button {
  box-shadow: 0 8px 16px 0 rgba(255, 104, 20, 0.24);
  background: linear-gradient(360deg, #ff6814 0%, #ff9221 99%);
}
.shop-top[data-value="2"] .tpl-form-button:hover {
  box-shadow: 0 8px 16px 0 rgba(255, 104, 20, 0.24);
  background: linear-gradient(360deg, #ff7930 0%, #ff9b32 99%);
}
.shop-top[data-value="2"] .tpl-form-button:active {
  box-shadow: none;
  background: linear-gradient(180deg, #ff6814 0%, #ff9221 99%);
}
.shop-top[data-value="3"] .tpl-form-button {
  box-shadow: 0 8px 16px 0 rgba(78, 172, 239, 0.24);
  background: linear-gradient(360deg, #4572E6 0%, #40B8E5 99%);
}
.shop-top[data-value="3"] .tpl-form-button:hover {
  box-shadow: 0 8px 16px 0 rgba(78, 172, 239, 0.24);
  background: linear-gradient(360deg, #4572E6 0%, #40B8E5 99%);
}
.shop-top[data-value="3"] .tpl-form-button:active {
  box-shadow: none;
  background: linear-gradient(180deg, #4572E6 0%, #40B8E5 99%);
}
/*stepform*/
.shop-top2 {
  position: relative;
}
.shop-top2.opened {
  z-index: 1;
}
.shop-top2 .shop-top__form-main {
  margin-bottom: 0;
  border: none;
}
@media (min-width: 640px) {
  .shop-top2 .shop-top__form-main {
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #D9D9D9;
  }
}
.shop-top2 .mg-shop-solution__btn {
  cursor: pointer;
  box-sizing: border-box;
  padding: 19px 32px;
  border-radius: 40px;
  background: linear-gradient(180deg, #15B746 0%, #1CA345 100%);
  box-shadow: 0px 8px 16px 0px rgba(28, 163, 69, 0.24);
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.2px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 640px) {
  .shop-top2 .mg-shop-solution__btn {
    display: none;
  }
}
.shop-top2 .mg-shop-solution__btn:hover {
  box-shadow: inset 0 0 14px 0 rgba(255, 255, 255, 0.24), 0 8px 16px 0 rgba(0, 163, 55, 0.3);
  background: linear-gradient(180deg, #15B746 0%, #1CA345 100%);
}
.shop-top2 .mg-shop-solution__btn:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  background: linear-gradient(89deg, rgba(255, 255, 255, 0) 20.75%, rgba(255, 255, 255, 0.12) 49.42%, rgba(255, 255, 255, 0.35) 63.86%);
  width: 120px;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-36deg);
  left: -80%;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-animation-name: blick;
  animation-name: blick;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0.46;
}
.shop-top2[data-value="1"] .mg-shop-solution__btn {
  background: linear-gradient(270deg, #d37bf0 0%, #9148d6 100%);
  box-shadow: 0px 8px 16px 0px rgba(211, 123, 240, 0.24);
}
.shop-top2[data-value="1"] .mg-shop-solution__btn:hover {
  box-shadow: inset 0 0 14px 0 rgba(255, 255, 255, 0.24), 0 8px 16px 0 rgba(145, 72, 214, 0.3);
  background: linear-gradient(270deg, #d37bf0 0%, #9148d6 100%);
}
.shop-top2[data-value="2"] .mg-shop-solution__btn {
  background: linear-gradient(90deg, #ff6814 0%, #ff9221 99%);
  box-shadow: 0px 8px 16px 0px rgba(255, 146, 33, 0.24);
}
.shop-top2[data-value="2"] .mg-shop-solution__btn:hover {
  box-shadow: inset 0 0 14px 0 rgba(255, 255, 255, 0.24), 0 8px 16px 0 rgba(255, 146, 33, 0.3);
  background: linear-gradient(90deg, #ff6814 0%, #ff9221 99%);
}
.shop-top2[data-value="3"] .mg-shop-solution__btn {
  background: linear-gradient(90deg, #ff6814 0%, #ff9221 99%);
  box-shadow: 0px 8px 16px 0px rgba(255, 146, 33, 0.24);
}
.shop-top2[data-value="3"] .mg-shop-solution__btn:hover {
  box-shadow: inset 0 0 14px 0 rgba(255, 255, 255, 0.24), 0 8px 16px 0 rgba(255, 146, 33, 0.3);
  background: linear-gradient(90deg, #ff6814 0%, #ff9221 99%);
}
@media (min-width: 640px) {
  .shop-top2 .shop-top__form-wrap {
    padding: 32px;
  }
}
@media (min-width: 640px) {
  .shop-top2 .shop-top__form-title {
    font-size: 28px;
    line-height: 105%;
  }
}
@media (min-width: 640px) {
  .shop-top2 .shop-top__price2 {
    font-size: 32px;
    line-height: 105%;
  }
}
@media (min-width: 640px) {
  .shop-top2 .shop-top__price2-old {
    margin-bottom: 0;
    margin-left: auto;
  }
}
.shop-top2 .fs-wrapper {
  margin-left: auto;
  margin-right: auto;
  border: none;
  height: 100%;
  font-family: "Montserrat", sans-serif;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper {
    border-radius: 0 0 24px 24px;
  }
}
.shop-top2 .fs-wrapper * {
  font-family: "Montserrat", sans-serif;
}
.shop-top2 .fs-wrapper .fs-checkbox input[type=checkbox]:checked ~ .fs-checkbox__pseudo-wr .fs-checkbox__pseudo {
  border-color: #1CA345;
}
.shop-top2 .fs-wrapper .fs-close {
  width: auto;
  height: auto;
  border: none;
  padding: 0;
  line-height: 0;
  background: #F62F2F;
  right: -20px;
  top: -20px;
}
.shop-top2 .fs-wrapper .fs-fields + .fs-fields {
  margin-top: 8px;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-radio__wrapper._column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
  }
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-checkbox__wrapper._column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
  }
}
.shop-top2 .fs-wrapper .fs-rows {
  padding-bottom: 16px;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-rows {
    padding-bottom: 24px;
  }
}
.shop-top2 .fs-wrapper .fs-radio__wrapper:not(._column) .fs-radio__label {
  max-width: 100%;
}
.shop-top2 .fs-wrapper .fs-progress {
  background: transparent;
  padding: 0 24px 86px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  order: 2;
  border-radius: 0px;
  z-index: 2;
  pointer-events: none;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-progress {
    padding: 0 0 82px;
  }
}
.shop-top2 .fs-wrapper .fs-progress__line-wrapper {
  position: absolute;
  left: 24px;
  right: 24px;
  top: 0;
  height: 4px;
  border-radius: 4px;
  background: #E6E6E6;
  margin: 0;
  overflow: hidden;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-progress__line-wrapper {
    left: 0px;
    right: 0px;
  }
}
.shop-top2 .fs-wrapper .fs-progress__line {
  margin: 0;
  border-radius: 4px;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6.825 6.658 0H.805L0 .825v6ZM4.707 8h5.854L12 6.525v-6L4.707 8Z' fill='%23fff' fill-opacity='.16'/%3E%3C/svg%3E") center top repeat-x, linear-gradient(90deg, #00a337 0%, #42b214 100%);
  box-shadow: 0px 2px 4px rgba(139, 46, 252, 0.48);
}
.shop-top2 .fs-wrapper .fs-progress__number {
  display: none;
}
.shop-top2 .fs-wrapper .fs-progress__current {
  color: #1ca345;
  font-weight: 600;
}
.shop-top2 .fs-wrapper .fs-header {
  color: #161616;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: -0.32px;
  margin-bottom: 16px;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-header {
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 24px;
  }
}
.shop-top2 .fs-wrapper .fs-field {
  margin-bottom: 0;
}
.shop-top2 .fs-wrapper .fs-radio__label, .shop-top2 .fs-wrapper .fs-checkbox__label {
  border: 1px solid #D0D5DD;
  border-radius: 11px;
  padding: 16px;
  display: flex;
  align-items: center;
  flex: none;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  transition: all 0.3s;
}
.shop-top2 .fs-wrapper .fs-radio__label:hover, .shop-top2 .fs-wrapper .fs-checkbox__label:hover {
  border: 1px solid #1CA345;
  box-shadow: 0px 0px 0px 4px rgba(28, 163, 69, 0.08);
}
.shop-top2 .fs-wrapper .fs-radio__label:hover .fs-radio__pseudo, .shop-top2 .fs-wrapper .fs-checkbox__label:hover .fs-radio__pseudo {
  border: 1px solid #1CA345;
  background: #EDF8F0;
}
.shop-top2 .fs-wrapper .fs-radio__label:active, .shop-top2 .fs-wrapper .fs-checkbox__label:active {
  border: 1px solid #1CA345;
  background: rgba(28, 163, 69, 0.08);
}
.shop-top2 .fs-wrapper .fs-radio__label.active, .shop-top2 .fs-wrapper .fs-checkbox__label.active {
  border: 1px solid #1CA345;
  background: rgba(28, 163, 69, 0.08);
}
.shop-top2 .fs-wrapper .fs-radio__label + .fs-radio__label, .shop-top2 .fs-wrapper .fs-checkbox__label + .fs-checkbox__label {
  margin-top: 8px;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-radio__wrapper._column .fs-radio__label + .fs-radio__label, .shop-top2 .fs-wrapper .fs-checkbox__label + .fs-checkbox__label {
    margin-top: 0px;
  }
}
.shop-top2 .fs-wrapper .field--1 {
  margin-top: 8px;
}
.shop-top2 .fs-wrapper ._last-step .field--1 {
  margin-top: 0;
}
.shop-top2 .fs-wrapper .fs-radio__text {
  color: #667085;
  text-align: left;
  font-size: 13px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.26px;
  padding: 0;
  margin-left: 12px;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-radio__text {
    font-size: 16px;
  }
}
.shop-top2 .fs-wrapper .fs-radio__pseudo {
  border: 1px solid #D0D5DD;
  background: #FAFAFA;
  width: 16px;
  height: 16px;
}
.shop-top2 .fs-wrapper .fs-radio__pseudo:before {
  width: 14px;
  height: 14px;
  border: 4px solid #fff;
}
.shop-top2 .fs-wrapper .fs-radio input[type=radio]:checked ~ .fs-radio__pseudo-wr .fs-radio__pseudo, .shop-top2 .fs-wrapper .fs-radio input[type=radio]:checked ~ .fs-radio__pseudo-wr .fs-radio__pseudo:before {
  background: #1CA345;
}
.shop-top2 .fs-wrapper .fs-radio input[type=radio]:checked ~ .fs-radio__pseudo-wr .fs-radio__pseudo {
  border-color: #1CA345;
  box-shadow: 0px 0px 0px 4px rgba(28, 163, 69, 0.16);
}
.shop-top2 .fs-wrapper .fs-radio .fs-radio__label:focus input[type=radio]:not(:disabled):checked ~ .fs-radio__pseudo-wr .fs-radio__pseudo, .shop-top2 .fs-wrapper .fs-radio .fs-radio__label:hover input[type=radio]:not(:disabled):checked ~ .fs-radio__pseudo-wr .fs-radio__pseudo, .shop-top2 .fs-wrapper .fs-radio .fs-radio__label:focus input[type=radio]:not(:disabled):checked ~ .fs-radio__pseudo-wr .fs-radio__pseudo:before, .shop-top2 .fs-wrapper .fs-radio .fs-radio__label:hover input[type=radio]:not(:disabled):checked ~ .fs-radio__pseudo-wr .fs-radio__pseudo:before {
  background: #1CA345;
}
.shop-top2 .fs-wrapper .fs-radio .fs-radio__label:focus .fs-radio__text, .shop-top2 .fs-wrapper .fs-radio .fs-radio__label:hover .fs-radio__text {
  color: #333;
}
.shop-top2 .fs-wrapper .fs-radio__pseudo-wr {
  width: auto;
  height: auto;
  flex: none;
  padding: 0;
}
.shop-top2 .fs-wrapper .fs-main {
  max-height: calc(100% - 86px);
  overflow: auto;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-main {
    max-height: calc(100% - 86px);
  }
}
@media (min-width: 1200px) {
  .shop-top2 .fs-wrapper .fs-main {
    max-height: 100%;
  }
}
.shop-top2 .fs-wrapper .fs-form {
  height: 100%;
  min-height: 0;
}
.shop-top2 .fs-wrapper ._last-step .fs-inner-wrapper {
  padding-bottom: 0;
}
.shop-top2 .fs-wrapper .fs-controls {
  display: flex;
  align-items: center;
  text-align: left;
  position: absolute;
  bottom: 0;
  padding: 20px 24px;
  background: #fff;
  overflow: hidden;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-controls {
    position: static;
    border-radius: 0 0 24px 24px;
    padding: 24px 0px 0px;
  }
}
.shop-top2 .fs-wrapper .fs-form._form-padding-top {
  padding-bottom: 0;
}
.shop-top2 .fs-wrapper ._form-padding-top .fs-main {
  max-height: 100%;
  height: 100%;
}
.shop-top2 .fs-wrapper .fs-controls:before {
  content: "Чтобы перейти к следующему шагу нужно обязательно что-то выбрать";
  color: #667085;
  font-size: 8px;
  font-weight: 400;
  line-height: 140%;
  /* 14px */
  letter-spacing: -0.2px;
}
@media (min-width: 360px) {
  .shop-top2 .fs-wrapper .fs-controls:before {
    font-size: 10px;
  }
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-controls:before {
    font-size: 11px;
    margin-right: auto;
    max-width: 360px;
  }
}
.shop-top2 .fs-wrapper .fs-main:after {
  content: "";
  position: absolute;
  bottom: 74px;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 83.5%);
  height: 84px;
  pointer-events: none;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-main:after {
    bottom: 78px;
  }
}
.shop-top2 .fs-wrapper .fs-main.done:after {
  opacity: 0;
}
.shop-top2 .fs-wrapper ._final-step + .fs-controls {
  height: 78px;
  pointer-events: none;
}
.shop-top2 .fs-wrapper ._final-step + .fs-controls:before {
  opacity: 0;
}
.shop-top2 .fs-wrapper .fs-text {
  color: #667085;
  font-size: 8px;
  font-weight: 400;
  line-height: 140%;
  /* 14px */
  letter-spacing: -0.2px;
  max-width: 145px;
  text-align: left;
  margin-bottom: 24px;
}
@media (min-width: 360px) {
  .shop-top2 .fs-wrapper .fs-text {
    font-size: 10px;
    max-width: 177px;
  }
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-text {
    width: 50%;
    max-width: 245px;
    font-size: 11px;
    margin-bottom: 34px;
  }
}
@media (min-width: 960px) {
  .shop-top2 .fs-wrapper .fs-text {
    margin-bottom: 24px;
  }
}
.shop-top2 .fs-wrapper .fs-text a {
  color: #0081FE;
}
.shop-top2 .fs-wrapper ._final-step .fs-text {
  position: absolute;
  bottom: 5px;
  z-index: 2;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper ._final-step .fs-text {
    margin-bottom: 12px;
  }
}
.shop-top2 .fs-wrapper ._final-step .fs-submit__wrapper {
  position: absolute;
  bottom: 20px;
  right: 24px;
  z-index: 2;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper ._final-step .fs-submit__wrapper {
    right: 0;
    bottom: 0;
  }
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper ._form-padding-top .fs-main:after {
    display: none;
  }
}
@media (min-width: 960px) {
  .shop-top2 .fs-wrapper ._form-padding-top .fs-main {
    overflow: unset;
  }
  .shop-top2 .fs-wrapper ._form-padding-top .fs-main ._final-step {
    overflow: unset;
  }
}
.shop-top2 .fs-wrapper ._text-forcibly {
  display: none;
  padding: 16px 0;
  color: #AAAAAA;
  text-align: left;
}
.shop-top2 .fs-wrapper .fs-next {
  position: relative;
  z-index: 2;
  border-radius: 40px;
  background: linear-gradient(180deg, #15B746 0%, #1CA345 100%);
  box-shadow: unset;
  padding: 13px 13px 13px 24px;
  box-sizing: border-box;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.2px;
  margin: 0 0 0 8px;
  display: flex;
  align-items: center;
}
.shop-top2 .fs-wrapper .fs-next:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  background: linear-gradient(89deg, rgba(255, 255, 255, 0) 20.75%, rgba(255, 255, 255, 0.12) 49.42%, rgba(255, 255, 255, 0.35) 63.86%);
  width: 120px;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-36deg);
  left: -80%;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-animation-name: blick;
  animation-name: blick;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0.46;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-next {
    padding: 16px 16px 16px 32px;
    font-size: 16px;
    line-height: 22px;
  }
}
.shop-top2 .fs-wrapper .fs-next:after {
  content: "";
  width: 16px;
  height: 16px;
  margin-left: 6px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12L9.29289 8.70711C9.62623 8.37377 9.79289 8.20711 9.79289 8C9.79289 7.79289 9.62623 7.62623 9.29289 7.29289L6 4' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center / 16px no-repeat;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-next:after {
    margin-left: 10px;
  }
}
.shop-top2 .fs-wrapper .fs-next:hover {
  background: linear-gradient(180deg, #15B746 0%, #1CA345 100%);
  box-shadow: 0px 0px 11px 0px rgba(255, 255, 255, 0.32) inset, 0px 8px 8px 0px rgba(28, 163, 69, 0.24);
}
.shop-top2 .fs-wrapper .fs-next:active {
  background: linear-gradient(0deg, #15B746 0%, #1CA345 100%);
  box-shadow: unset;
}
.shop-top2 .fs-wrapper .fs-prev {
  font-size: 0;
  line-height: 0;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12L6.70711 8.70711C6.37377 8.37377 6.20711 8.20711 6.20711 8C6.20711 7.79289 6.37377 7.62623 6.70711 7.29289L10 4' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center / 16px no-repeat #F7F7F7;
  margin: 0 0 0 8px;
  padding: 0;
  width: 46px;
  min-width: 46px;
  height: 46px;
  border: none;
  box-shadow: unset;
  border-radius: 50%;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-prev {
    width: 54px;
    height: 54px;
    min-width: 54px;
  }
}
.shop-top2 .fs-wrapper .fs-prev:hover {
  background: rgba(28, 163, 69, 0.08) url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12L6.70711 8.70711C6.37377 8.37377 6.20711 8.20711 6.20711 8C6.20711 7.79289 6.37377 7.62623 6.70711 7.29289L10 4' stroke='%231CA345' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center / 16px no-repeat;
}
.shop-top2 .fs-wrapper .fs-prev:active {
  background: rgba(28, 163, 69, 0.16) url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12L6.70711 8.70711C6.37377 8.37377 6.20711 8.20711 6.20711 8C6.20711 7.79289 6.37377 7.62623 6.70711 7.29289L10 4' stroke='%231CA345' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center / 16px no-repeat;
}
.shop-top2 .fs-wrapper .fs-input__field {
  border-radius: 11px;
  border: 1px solid #D0D5DD;
  background: #F7F7F7;
  color: #020202;
  font-size: 13px;
  font-weight: 500;
  line-height: 130%;
  /* 16.9px */
  letter-spacing: -0.26px;
  padding: 15px;
  height: auto;
  box-shadow: none;
  transition: all 0.3s;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-input__field {
    font-size: 14px;
  }
}
.shop-top2 .fs-wrapper .fs-input__field::placeholder {
  color: rgba(102, 112, 133, 0.48);
  font-size: 13px;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-input__field::placeholder {
    font-size: 14px;
  }
}
.shop-top2 .fs-wrapper .fs-input__field:focus {
  border: 1px solid #1CA345;
  box-shadow: none;
  background: #FFFFFF;
}
.shop-top2 .fs-wrapper .fs-input__field.active {
  border: 1px solid #1CA345;
  box-shadow: none;
  background: #FFFFFF;
}
.shop-top2 .fs-wrapper .fs-input__field:hover {
  background: #FFFFFF;
  border: 1px solid #1CA345;
  box-shadow: 0px 0px 0px 4px rgba(28, 163, 69, 0.08);
}
.shop-top2 .fs-wrapper ._last-step .fs-rows {
  display: grid;
  grid-gap: 8px;
}
.shop-top2 .fs-wrapper .fs-selectbox__selected {
  border-radius: 11px;
  border: 1px solid #D0D5DD;
  background: #FFF;
  padding: 15px 47px 15px 15px;
  color: #667085;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 16.9px */
  letter-spacing: -0.26px;
  height: auto;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-selectbox__selected {
    font-size: 14px;
  }
}
.shop-top2 .fs-wrapper .fs-selectbox__selected:focus {
  border: 1px solid #1CA345;
  box-shadow: none;
  background: #FFFFFF;
}
.shop-top2 .fs-wrapper .fs-selectbox__selected.active {
  border: 1px solid #1CA345;
  box-shadow: none;
  background: #FFFFFF;
}
.shop-top2 .fs-wrapper .fs-selectbox__selected:hover {
  background: #FFFFFF;
  border: 1px solid #1CA345;
  box-shadow: 0px 0px 0px 4px rgba(28, 163, 69, 0.08);
}
.shop-top2 .fs-wrapper .fs-selectbox__selected .fs-selectbox__arrows {
  width: 20px;
  height: 20px;
}
.shop-top2 .fs-wrapper .fs-selectbox__selected svg {
  width: 20px;
  height: 20px;
}
.shop-top2 .fs-wrapper .fs-selectbox__list {
  z-index: 3;
  margin-top: 8px;
  padding: 0;
  border-radius: 11px;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border: none;
  position: absolute;
  width: 100%;
  top: 100%;
  background: #fff;
}
@media (min-width: 960px) {
  .shop-top2 .fs-wrapper .fs-selectbox__list-after {
    height: 20px;
    opacity: 0;
  }
}
.shop-top2 .fs-wrapper .fs-selectbox__item {
  padding: 16px;
  color: #667085;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 18.2px */
  letter-spacing: -0.28px;
}
.shop-top2 .fs-wrapper .fs-selectbox__item:before {
  display: none;
}
.shop-top2 .fs-wrapper .fs-selectbox__item:hover {
  color: #020202;
  background: rgba(28, 163, 69, 0.08);
}
.shop-top2 .fs-wrapper ._last-step {
  padding-bottom: 90px;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper ._last-step {
    padding-bottom: 0;
  }
}
@media (min-width: 960px) {
  .shop-top2 .fs-wrapper ._last-step {
    width: 100%;
  }
}
.shop-top2 .fs-wrapper .fs-input:not(._error) .fs-input__field:not(:disabled):hover {
  background: #FFFFFF;
  border: 1px solid #1CA345;
  box-shadow: 0px 0px 0px 4px rgba(28, 163, 69, 0.08);
}
.shop-top2 .fs-wrapper .fs-input:not(._error) .fs-input__field:not(:disabled):focus {
  border: 1px solid #1CA345;
  box-shadow: none;
}
.shop-top2 .fs-wrapper .fs-submit {
  padding: 13px 24px;
  border-radius: 40px;
  background: linear-gradient(180deg, #15B746 0%, #1CA345 100%);
  box-shadow: unset;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  /* 22.4px */
  letter-spacing: -0.2px;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-submit {
    font-size: 16px;
    padding: 16px 32px;
  }
}
.shop-top2 .fs-wrapper .fs-submit:hover {
  box-shadow: 0px 8px 16px 0px rgba(28, 163, 69, 0.24);
  background: linear-gradient(180deg, #47c712 0%, #00b63d 100%);
}
.shop-top2 .fs-wrapper .fs-submit:active {
  box-shadow: inset 0 0 18px 0 rgba(255, 255, 255, 0.52);
  background: linear-gradient(180deg, #3ca710 0%, #019a35 100%);
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-step._last-step .fs-rows {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
  }
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-step._last-step .fs-fields + .fs-fields {
    margin-top: 0;
  }
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-step._last-step .fs-field {
    position: relative;
  }
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-step._last-step .fs-field__error {
    position: absolute;
    top: -22px;
  }
}
.shop-top2 .fs-wrapper .fs-steps {
  box-sizing: border-box;
  padding: 16px 24px 24px;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-steps {
    padding: 0;
    min-height: 292px;
    max-height: 292px;
    overflow: auto;
    /* Firefox стили */
  }
  .shop-top2 .fs-wrapper .fs-steps::-webkit-scrollbar {
    width: 0;
    /* уменьшенная ширина */
    height: 0;
    /* уменьшенная высота */
  }
  .shop-top2 .fs-wrapper .fs-steps {
    scrollbar-width: none;
  }
}
.shop-top2 .fs-wrapper .fs-checkbox:before {
  content: "Выберите один или несколько";
  display: block;
  color: #667085;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: -0.28px;
  margin-bottom: 16px;
  padding-left: 16px;
  background: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='4' fill='%2312B76A'/%3E%3C/svg%3E%0A") left / 8px no-repeat;
  margin-top: -9px;
}
.shop-top2 .fs-wrapper .fs-checkbox__pseudo-wr {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #D0D5DD;
  background: #FAFAFA;
  flex: none;
  padding: 0;
}
.shop-top2 .fs-wrapper .fs-checkbox__pseudo {
  border-radius: 3px;
  border: none;
  background: #FAFAFA;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shop-top2 .fs-wrapper .fs-checkbox__pseudo svg {
  width: 12px;
  height: 12px;
}
.shop-top2 .fs-wrapper .fs-checkbox__text {
  padding: 0;
  color: #667085;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 16.9px */
  letter-spacing: -0.26px;
  margin-left: 12px;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-checkbox__text {
    font-size: 14px;
  }
}
.shop-top2 .fs-wrapper .fs-checkbox input[type=checkbox]:checked + .fs-checkbox__pseudo-wr {
  border-color: #1CA345;
  background: #1CA345;
  box-shadow: 0px 0px 0px 4px rgba(28, 163, 69, 0.16);
}
.shop-top2 .fs-wrapper .fs-checkbox input[type=checkbox]:checked + .fs-checkbox__pseudo-wr .fs-checkbox__pseudo {
  background: #1CA345;
}
.shop-top2 .fs-wrapper .fs-checkbox input[type=checkbox]:checked + .fs-checkbox__pseudo-wr .fs-checkbox__pseudo svg {
  transform: scale(1);
  margin-top: 0;
}
.shop-top2 .fs-wrapper .fs-checkbox__label:hover .fs-checkbox__pseudo-wr {
  border-color: #1CA345;
  background: rgba(28, 163, 69, 0.08);
}
.shop-top2 .fs-wrapper .fs-checkbox__label:hover .fs-checkbox__pseudo-wr .fs-checkbox__pseudo {
  background: transparent;
}
.shop-top2 .fs-wrapper ._final-step .fs-inputs {
  padding-top: 0;
}
.shop-top2 .fs-wrapper ._final-step .fs-header {
  text-align: left;
}
.shop-top2 .fs-wrapper .fs-message__svg {
  margin-bottom: 14px;
  line-height: 0;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-message__svg {
    margin-bottom: 12px;
  }
}
.shop-top2 .fs-wrapper .fs-message__svg img {
  width: 70px;
  height: 70px;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-message__svg img {
    width: 80px;
    height: 80px;
  }
}
.shop-top2 .fs-wrapper .fs-thanks-title {
  color: #17B246;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 38.4px */
  letter-spacing: -0.64px;
  margin-bottom: 8px;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-thanks-title br {
    display: none;
  }
}
.shop-top2 .fs-wrapper .fs-thanks-text {
  color: #000;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 18.2px */
  margin-bottom: 14px;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-thanks-text {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 120%;
  }
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-thanks-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.shop-top2 .fs-wrapper .fs-thanks-button {
  display: inline-block;
  color: #0081FE;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 16.8px */
  text-decoration-line: underline;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-thanks-button {
    display: flex;
    flex-direction: column;
  }
}
.shop-top2 .fs-wrapper .fs-thanks-button:hover {
  color: #0369D9;
  text-decoration: underline !important;
}
.shop-top2 .fs-wrapper .fs-thanks-button span {
  background: #fff;
  display: inline-block;
  text-decoration: underline;
}
.shop-top2 .fs-wrapper .fs-thanks-button + .fs-thanks-button {
  margin-top: 14px;
}
@media (min-width: 640px) {
  .shop-top2 .fs-wrapper .fs-thanks-button + .fs-thanks-button {
    margin-top: 0;
    margin-left: 20px;
  }
}
.shop-top2 .fs-wrapper .fs-message {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.shop-top2 .fs-wrapper .fs-selectbox._opened .fs-selectbox__selected {
  border-color: #1CA345;
}
.shop-top2 .fs-wrapper .fs-radio__label:active .fs-radio__pseudo {
  background: #1CA345;
  border-color: #1CA345;
  box-shadow: 0px 0px 0px 4px rgba(28, 163, 69, 0.1);
}
.shop-top2 .fs-wrapper .fs-radio__label:active .fs-radio__pseudo:before {
  width: 14px;
  height: 14px;
  border: 4px solid #fff;
  transform: translate(-50%, -50%) scale(1);
}
.mg-promo__form {
  height: calc(100% - 64px);
  background: #fff;
}
@media (min-width: 640px) {
  .mg-promo__form {
    height: auto;
    background: transparent;
  }
}
@media (min-width: 1200px) {
  .mg-promo__form {
    height: calc(100% - 72px);
  }
}
.formsteps {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: auto;
  height: 100%;
}
.formsteps._active {
  z-index: 15;
  display: block;
  background: rgba(0, 0, 0, 0.64);
}
@media (min-width: 640px) {
  .formsteps {
    display: block;
    position: static;
    overflow: unset;
  }
}
@media (min-width: 960px) {
  .formsteps {
    margin-bottom: 0;
    grid-row-end: 3;
    grid-row-start: 1;
    grid-column-start: 2;
  }
}
.formsteps__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 640px) {
  .formsteps__inner {
    align-items: center;
    padding: 0;
    box-sizing: border-box;
  }
}
.formsteps__top {
  box-sizing: border-box;
  padding: 10px 10px 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 0;
}
@media (min-width: 640px) {
  .formsteps__top {
    display: none;
  }
}
.formsteps__main {
  background: #fff;
  border-radius: 24px 24px 0 0;
  flex: 1;
  height: calc(100vh - 126px);
}
.formsteps__main.finish .mg-promo__form {
  height: 100%;
  border-radius: 24px 24px 0px 0px;
}
.formsteps__main.finish .formsteps__title {
  display: none;
}
.formsteps__main.finish .fs-controls {
  display: none !important;
}
.formsteps__main.finish .fs-wrapper {
  border-radius: 24px;
}
.formsteps__main.finish ._final-step {
  min-height: 0;
  padding: 70px 0px;
  overflow: unset;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.formsteps__main.finish .fs-main:after {
  display: none;
}
@media (min-width: 640px) {
  .formsteps__main {
    height: auto;
    flex: none;
    width: 100%;
    border-radius: 22px;
  }
}
@media (min-width: 1200px) {
  .formsteps__main {
    flex: 1;
  }
}
.formsteps__close {
  cursor: pointer;
  margin-left: auto;
}
.formsteps__close svg {
  width: 44px;
  height: 44px;
}
@media (min-width: 640px) {
  .formsteps__close svg {
    width: 48px;
    height: 48px;
  }
}
.formsteps__title {
  box-sizing: border-box;
  padding: 20px 24px;
  border-radius: 24px 24px 0 0;
  border-bottom: 1px solid #E0E0E0;
  background: #FFF;
  color: #1CA345;
  font-size: 19px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.38px;
}
@media (min-width: 640px) {
  .formsteps__title {
    display: none;
  }
}
.formsteps__note {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 3px 16px 3px 8px;
  background: linear-gradient(90deg, #0081FE 0%, #AB3DFF 100%);
  color: #FFF;
  font-size: 11px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.22px;
}
@media (min-width: 640px) {
  .formsteps__note {
    margin-top: 16px;
    padding: 8px 24px 8px 16px;
    font-size: 16px;
    letter-spacing: -0.32px;
    border-radius: 20px;
    width: 100%;
    max-width: 704px;
  }
  .formsteps__note br {
    display: none;
  }
}
@media (min-width: 1200px) {
  .formsteps__note {
    margin-top: 8px;
  }
  .formsteps__note br {
    display: block;
  }
}
.formsteps__note img {
  width: 56px;
  height: 56px;
  margin-right: 14px;
}
@media (min-width: 640px) {
  .formsteps__note img {
    width: 86px;
    height: 86px;
    margin-right: 13px;
  }
}
@keyframes blick {
  15%, to {
    left: 110%;
  }
}
@media (max-width: 639px) {
  .fs-thanks-buttons {
    display: flex;
    flex-direction: column;
  }
  .fs-wrapper .fs-controls {
    width: 100%;
  }
  .fs-wrapper .fs-controls:before {
    max-width: 145px;
    margin-right: auto;
  }
}
/*stepform end*/
.fs-step:first-of-type .fs-fields:first-of-type {
  display: none;
}
.socials-bottom-buttons__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8px;
}
@media (min-width: 640px) {
  .socials-bottom-buttons__list {
    grid-gap: 16px;
  }
}
.socials-bottom-buttons__item {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  text-decoration: none;
  display: inline-block;
  background-position: center;
  background-size: contain;
  transition: all 0.3s ease;
}
@media (min-width: 640px) {
  .socials-bottom-buttons__item {
    width: 64px;
    height: 64px;
  }
}
.socials-bottom-buttons__item._telegeram {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='32' fill='url(%23paint0_linear_79_1592)' /%3E%3Cpath d='M27.7846 36.6975L27.2695 44.183C28.0064 44.183 28.3255 43.8559 28.7083 43.4631L32.163 40.0515L39.3217 45.4686C40.6346 46.2246 41.5596 45.8265 41.9138 44.2205L46.6127 21.469L46.614 21.4677C47.0304 19.4622 45.9121 18.678 44.633 19.17L17.0128 30.0967C15.1278 30.8527 15.1564 31.9386 16.6924 32.4305L23.7538 34.7001L40.1559 24.0951C40.9278 23.5669 41.6296 23.8592 41.0523 24.3873L27.7846 36.6975Z' fill='white' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_79_1592' x1='32' y1='0' x2='32' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2321BAFB' /%3E%3Cstop offset='1' stop-color='%23197FF1' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
@media (min-width: 1200px) {
  .socials-bottom-buttons__item._telegeram:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='32' fill='url(%23paint0_linear_79_1605)' /%3E%3Crect width='64' height='64' rx='32' fill='white' fill-opacity='0.16' /%3E%3Cpath d='M27.7846 36.6975L27.2695 44.183C28.0064 44.183 28.3255 43.8559 28.7083 43.4631L32.163 40.0515L39.3217 45.4686C40.6346 46.2246 41.5596 45.8265 41.9138 44.2205L46.6127 21.469L46.614 21.4677C47.0304 19.4622 45.9121 18.678 44.633 19.17L17.0128 30.0967C15.1278 30.8527 15.1564 31.9386 16.6924 32.4305L23.7538 34.7001L40.1559 24.0951C40.9278 23.5669 41.6296 23.8592 41.0523 24.3873L27.7846 36.6975Z' fill='white' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_79_1605' x1='32' y1='0' x2='32' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2321BAFB' /%3E%3Cstop offset='1' stop-color='%23197FF1' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  }
}
.socials-bottom-buttons__item._telegeram:active {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='32' fill='url(%23paint0_linear_79_1618)' /%3E%3Crect width='64' height='64' rx='32' fill='black' fill-opacity='0.08' /%3E%3Cpath d='M27.7846 36.6975L27.2695 44.183C28.0064 44.183 28.3255 43.8559 28.7083 43.4631L32.163 40.0515L39.3217 45.4686C40.6346 46.2246 41.5596 45.8265 41.9138 44.2205L46.6127 21.469L46.614 21.4677C47.0304 19.4622 45.9121 18.678 44.633 19.17L17.0128 30.0967C15.1278 30.8527 15.1564 31.9386 16.6924 32.4305L23.7538 34.7001L40.1559 24.0951C40.9278 23.5669 41.6296 23.8592 41.0523 24.3873L27.7846 36.6975Z' fill='white' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_79_1618' x1='32' y1='0' x2='32' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2321BAFB' /%3E%3Cstop offset='1' stop-color='%23197FF1' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.socials-bottom-buttons__item._whatsapp {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='32' fill='url(%23paint0_linear_79_1594)' /%3E%3Cpath d='M31.9992 16.4336C23.4153 16.4336 16.4316 23.4172 16.4316 32.0012C16.4316 35.0213 17.2972 37.9334 18.9411 40.4616L16.5157 46.122C16.434 46.3126 16.4113 46.5233 16.4506 46.727C16.4898 46.9307 16.5892 47.1179 16.7358 47.2645C16.8825 47.4112 17.0697 47.5105 17.2734 47.5498C17.477 47.589 17.6877 47.5663 17.8784 47.4847L23.5388 45.0582C26.0546 46.7002 28.9949 47.5727 31.9992 47.5687C40.5832 47.5687 47.5668 40.5851 47.5668 32.0012C47.5668 23.4172 40.5832 16.4336 31.9992 16.4336ZM39.9906 37.5743C39.9906 37.5743 38.6953 39.2338 37.7592 39.622C35.3826 40.6059 32.0252 39.622 28.2007 35.7986C24.3784 31.9752 23.3935 28.6178 24.3784 26.2401C24.7665 25.304 26.4271 24.0108 26.4271 24.0108C26.6558 23.8417 26.937 23.7586 27.2209 23.7763C27.5049 23.7939 27.7736 23.9112 27.9797 24.1074L29.8581 25.9858C30.0516 26.1808 30.1602 26.4444 30.1602 26.7191C30.1602 26.9938 30.0516 27.2573 29.8581 27.4523L28.6781 28.6303C28.6781 28.6303 28.2007 30.0625 31.0683 32.9311C33.9348 35.7986 35.3691 35.3212 35.3691 35.3212L36.547 34.1422C36.742 33.9484 37.0058 33.8396 37.2808 33.8396C37.5557 33.8396 37.8195 33.9484 38.0145 34.1422L39.893 36.0207C40.2957 36.4244 40.3393 37.1229 39.9885 37.5733L39.9906 37.5743Z' fill='white' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_79_1594' x1='32' y1='0' x2='32' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2350CE5E' /%3E%3Cstop offset='1' stop-color='%2329AF3E' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
@media (min-width: 1200px) {
  .socials-bottom-buttons__item._whatsapp:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='32' fill='url(%23paint0_linear_79_1607)' /%3E%3Crect width='64' height='64' rx='32' fill='white' fill-opacity='0.16' /%3E%3Cpath d='M31.9992 16.4336C23.4153 16.4336 16.4316 23.4172 16.4316 32.0012C16.4316 35.0213 17.2972 37.9334 18.9411 40.4616L16.5157 46.122C16.434 46.3126 16.4113 46.5233 16.4506 46.727C16.4898 46.9307 16.5892 47.1179 16.7358 47.2645C16.8825 47.4112 17.0697 47.5105 17.2734 47.5498C17.477 47.589 17.6877 47.5663 17.8784 47.4847L23.5388 45.0582C26.0546 46.7002 28.9949 47.5727 31.9992 47.5687C40.5832 47.5687 47.5668 40.5851 47.5668 32.0012C47.5668 23.4172 40.5832 16.4336 31.9992 16.4336ZM39.9906 37.5743C39.9906 37.5743 38.6953 39.2338 37.7592 39.622C35.3826 40.6059 32.0252 39.622 28.2007 35.7986C24.3784 31.9752 23.3935 28.6178 24.3784 26.2401C24.7665 25.304 26.4271 24.0108 26.4271 24.0108C26.6558 23.8417 26.937 23.7586 27.2209 23.7763C27.5049 23.7939 27.7736 23.9112 27.9797 24.1074L29.8581 25.9858C30.0516 26.1808 30.1602 26.4444 30.1602 26.7191C30.1602 26.9938 30.0516 27.2573 29.8581 27.4523L28.6781 28.6303C28.6781 28.6303 28.2007 30.0625 31.0683 32.9311C33.9348 35.7986 35.3691 35.3212 35.3691 35.3212L36.547 34.1422C36.742 33.9484 37.0058 33.8396 37.2808 33.8396C37.5557 33.8396 37.8195 33.9484 38.0145 34.1422L39.893 36.0207C40.2957 36.4244 40.3393 37.1229 39.9885 37.5733L39.9906 37.5743Z' fill='white' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_79_1607' x1='32' y1='0' x2='32' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2350CE5E' /%3E%3Cstop offset='1' stop-color='%2329AF3E' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  }
}
.socials-bottom-buttons__item._whatsapp:active {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='64' height='64' rx='32' fill='url(%23paint0_linear_79_1620)' /%3E%3Crect width='64' height='64' rx='32' fill='black' fill-opacity='0.08' /%3E%3Cpath d='M31.9992 16.4336C23.4153 16.4336 16.4316 23.4172 16.4316 32.0012C16.4316 35.0213 17.2972 37.9334 18.9411 40.4616L16.5157 46.122C16.434 46.3126 16.4113 46.5233 16.4506 46.727C16.4898 46.9307 16.5892 47.1179 16.7358 47.2645C16.8825 47.4112 17.0697 47.5105 17.2734 47.5498C17.477 47.589 17.6877 47.5663 17.8784 47.4847L23.5388 45.0582C26.0546 46.7002 28.9949 47.5727 31.9992 47.5687C40.5832 47.5687 47.5668 40.5851 47.5668 32.0012C47.5668 23.4172 40.5832 16.4336 31.9992 16.4336ZM39.9906 37.5743C39.9906 37.5743 38.6953 39.2338 37.7592 39.622C35.3826 40.6059 32.0252 39.622 28.2007 35.7986C24.3784 31.9752 23.3935 28.6178 24.3784 26.2401C24.7665 25.304 26.4271 24.0108 26.4271 24.0108C26.6558 23.8417 26.937 23.7586 27.2209 23.7763C27.5049 23.7939 27.7736 23.9112 27.9797 24.1074L29.8581 25.9858C30.0516 26.1808 30.1602 26.4444 30.1602 26.7191C30.1602 26.9938 30.0516 27.2573 29.8581 27.4523L28.6781 28.6303C28.6781 28.6303 28.2007 30.0625 31.0683 32.9311C33.9348 35.7986 35.3691 35.3212 35.3691 35.3212L36.547 34.1422C36.742 33.9484 37.0058 33.8396 37.2808 33.8396C37.5557 33.8396 37.8195 33.9484 38.0145 34.1422L39.893 36.0207C40.2957 36.4244 40.3393 37.1229 39.9885 37.5733L39.9906 37.5743Z' fill='white' /%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_79_1620' x1='32' y1='0' x2='32' y2='64' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2350CE5E' /%3E%3Cstop offset='1' stop-color='%2329AF3E' /%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.socials-bottom-buttons__item._max {
  background-image: url("../../../../images/socials/max1.svg");
}
@media (min-width: 1200px) {
  .socials-bottom-buttons__item._max:hover {
    background-image: url("../../../../images/socials/max2.svg");
  }
}
.socials-bottom-buttons__item._max:active {
  background-image: url("../../../../images/socials/max3.svg");
}