@media (min-width: 768px) {
    /* ** main ** */
    .main.main--padding {
      padding: 46px 0 0 0;
    }
    .main::before {
      border-radius: 0 0 22px 22px;
      top: -2px;
    }
    /* // main // */
  
    /* ** section ** */
    .section-slider {
      padding: 24px 0 24px 0;
    }
    /* .section-product {padding: 0 0 46px 0;} */
    .section-cards {
      padding: 0 0 24px 0;
    }
    .section-services {
      padding: 37px 0 52px 0;
    }
    .section-company {
      padding: 10px 0 58px 0;
    }
    .section-trust {
      padding: 76px 0 119px;
    }
    .section-chapter {
      padding: 0 0 60px 0;
    }
    .section-contentdesc {
      padding: 0 0 40px 0;
    }
    .section-product.section-product.section--paddingBay {
      padding: 0 0 90px 0;
    }
    .section.section__info-product .container .section__header-content {
      padding: 0 20px;
    }
    .section.section__info-product .container .section__header-content.padding {
      padding-right: 20px;
      padding-left: 20px;
    }
    .container.page--product .products__images-left,
    .container.page--product .products__content-mobile,
    .container.page--product .products__specifications {
        padding: 0 20px;
    }
    .section.section-modalorder {
      padding: 66px 0;
    }
    .section.section-contacts {
      padding: 18px 0 50px 0;
    }
    .section.section-paddingTop {
      padding: 0;
    }
    .section.section-search--paddingTop {
      padding: 50px 0 0 0;
    }
    .section-consultation.section-consultation-padding {
      padding: 50px 0 90px 0;
    }
    /* // section // */
  
    /* ** tooltip ** */
    .tooltip.tooltip__mobile .tooltip__wrap {
      width: 420px;
    }
    /* // tooltip // */
  
    /* ** header ** */
    .header__intro-form-input::placeholder {
      max-width: 100%;
    }
    /* ** header.header--additional ** */
    .header.header--additional .header__local-mobile {
      margin: 0;
      /* max-width: 455px; */
    }
    /* // header.header--additional // */
  
    /* ** header--categories ** */
    .header.header--categories .content-categories__title {
      font-size: 18px;
    }
    .header.header--categories .content-categories__info span {
      font-size: 14px;
    }
    /* // header--categories // */
  
    /* ** header--search ** */
    .header__search-heading-title {
      font-size: 42px;
    }
    .header__search__content-info {
      overflow-x: inherit;
      justify-content: space-between;
    }
    .header__search__content-info-item {
      width: fit-content;
    }
    .header__search__content-info-link.header__search__content-info-link-favouritesnone {
      display: none;
    }
    .header__search__content-info-link.header__search__content-info-link-favouritesShow {
      display: block;
    }
    /* // header--search // */
    /* // header // */
  
    /* ** slider ** */
    .slide__content-wrap {
      grid-template-columns: repeat(3, 3fr);
    }
    .slide__content-item:nth-child(3) {
      display: block;
    }
    /* // slider // */
  
    /* ** cards ** */
    .cards.cards__wrap {
      display: flex;
      flex-direction: row;
      overflow-x: auto;
      flex-wrap: nowrap;
      gap: 24px;
    }
    .cards.cards__wrap.cards__wrapper {
      grid-template-columns: 1fr 1fr;
    }
    .cards__col {
      flex: 1 0 292px;
      padding: 14px 20px 14px 18px;
    }
    .cards__title {
      font-size: 16px;
    }
    .cards__title-crossout::after {
      left: 44px;
    }
    .cards__content-decor-dots-5 {
      background: url(/images/cards/cards-decor-dots-5.svg) 28px 72px / 53px
        38px no-repeat var(--basic-white-text);
    }
    /* // cards // */
  
    /* ** product ** */
    .product,
    .product.categories__cards {
      grid-template-columns: repeat(4, minmax(138px, 212px));
      gap: 24px;
    }
    .product__card:nth-child(7),
    .product__card:nth-child(8) {
      display: block;
    }
    .product__card.product__card--visability:nth-child(5),
    .product__card.product__card--visability:nth-child(6) {
      display: none;
    }
    /* // product // */
  
    /* ** services ** */
    .services__investment {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 16px 14px;
    }
    .services__investment::before {
      width: 135px;
      height: 61px;
      background-size: 135px 61px;
      right: auto;
      left: 208px;
    }
    .services__investment-link {
      min-width: 145px;
      margin: 0;
    }
    .services__wrapper {
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      margin: 33px 0 0 0;
    }
    .services__card {
      padding: 16px 13px;
    }
    .services__card-desc br {
      display: block;
    }
    .services__card-link.services__card-link--icon svg {
      width: 9px;
      height: 19px;
    }
    .services__card-small-images-1 {
      background-size: 144px 139px;
    }
    .services__card-small-images-2 {
      background-size: 151px 145px;
    }
    .services__card-small-images-3 {
      background: url(/images/services/services-small-3.png) 95% 26%/430px 180px
          no-repeat,
        url(/images/services/services-card-small-decor-3.svg) 100% 0%/329px
          224px no-repeat var(--white-background);
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/services/services-small-3.webp") type("image/webp") 1x)) {
  .services__card-small-images-3 {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/services/services-small-3.webp") type("image/webp") 1x,
      url("/images/services/services-small-3.png")  type("image/png")  1x
    )95% 26%/430px 180px
          no-repeat,
        url(/images/services/services-card-small-decor-3.svg) 100% 0%/329px
          224px no-repeat var(--white-background);
  }
}
    .services__card-small-images-4 {
      background: url(/images/services/services-small-4.png) 100% 52%/423px
          173px no-repeat,
        url(/images/services/services-card-small-decor-4.svg) 100% 0%/225px
          224px no-repeat var(--white-background);
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/services/services-small-4.webp") type("image/webp") 1x)) {
  .services__card-small-images-4 {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/services/services-small-4.webp") type("image/webp") 1x,
      url("/images/services/services-small-4.png")  type("image/png")  1x
    )100% 52%/423px
          173px no-repeat,
        url(/images/services/services-card-small-decor-4.svg) 100% 0%/225px
          224px no-repeat var(--white-background);
  }
}
    .services__card-small-images-5 {
      background-size: 130px 98px;
    }
    .services__card-small-images-6 {
      background-size: 146px 115px;
    }
    /* // services // */
  
    /* ** consultation ** */
    .consultation {
      gap: 14px;
    }
    .consultation__form-block,
    .block {
      padding: 16px;
      border-radius: 12px;
    }
    .consultation__form-block {
      background: url(/images/consultation/consultation-line.svg) 22% 41% /
          772px 2px no-repeat,
        url(/images/consultation/consultation-dots.svg) 51% 27% / 15px 22px
          no-repeat,
        url(/images/consultation/consultation-decor.png) 105% -45px / 227px 179px
          no-repeat var(--grey-form);
    }
    .consultation__form-desc {
      font-size: 14px;
    }
    .consultation__form {
      flex-direction: row;
    }
    .block-decor-1 {
      background: url(/images/block/block-decor--mobile.png) 100% 5% / 296px
          187px no-repeat,
        url(/images/block/block-decor-dots.svg) 37% 16% / 20px 14px no-repeat
          var(--grey-form);
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/block/block-decor--mobile.webp") type("image/webp") 1x)) {
  .block-decor-1 {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/block/block-decor--mobile.webp") type("image/webp") 1x,
      url("/images/block/block-decor--mobile.png")  type("image/png")  1x
    )100% 5% / 296px
          187px no-repeat,
        url(/images/block/block-decor-dots.svg) 37% 16% / 20px 14px no-repeat
          var(--grey-form);
  }
}
    .block__btn {
      height: 38px;
    }
    /* // consultation // */
  
    /* ** company ** */
    .company {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      gap: 24px;
      padding: 40px 0 58px 0;
      background: url(/images/company/company-decor-plus.svg) 91% 97% / 20px
          20px no-repeat,
        url(/images/company/company-decor-dots-blue.svg) 78% 99% / 17px 24px
          no-repeat,
        url(/images/company/company-decor-line-left.svg) left 19px / 993px 2px
          no-repeat,
        url(/images/company/company-decor-line-right.svg) right 19px / 993px 2px
          no-repeat,
        url(/images/company/company-decor-line-left.svg) left bottom / 993px 2px
          no-repeat;
    }
    .company__content {
      padding: 0 0 20px 0;
    }
    /* // company // */
  
    /* ** geodeliveries ** */
    .geodeliveries__content-desc {
      min-width: 420px;
    }
    .geodeliveries__list {
      display: grid;
      grid-template-columns: minmax(316px, 316px) 1fr;
      margin: 24px 0 0 0;
    }
    /* // geodeliveries // */
  
    /* ** plashkasale ** */
    .plashkasale {
      grid-template-columns: minmax(20px, 1fr) minmax(20px, 1fr) minmax(20px, 230px) minmax(20px, 1fr) minmax(20px, 1fr);
    }
    .plashkasale::before {
      width: 155px;
      background: url(/images/plashkasale-left-768.png) 3px 0px / 155px 62px no-repeat;
      left: 9%;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/plashkasale-left-768.webp") type("image/webp") 1x)) {
  .plashkasale::before {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/plashkasale-left-768.webp") type("image/webp") 1x,
      url("/images/plashkasale-left-768.png")  type("image/png")  1x
    )3px 0px / 155px 62px no-repeat;
  }
}
    .plashkasale::after {
      width: 205px;
      background: url(/images/plashkasale-right-768.png) 0px 0px / 205px 62px no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/plashkasale-right-768.webp") type("image/webp") 1x)) {
  .plashkasale::after {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/plashkasale-right-768.webp") type("image/webp") 1x,
      url("/images/plashkasale-right-768.png")  type("image/png")  1x
    )0px 0px / 205px 62px no-repeat;
  }
}
    .plashkasale__item.plashkasale__item-one {
      display: block;
      transform: rotate(-2.64deg) translate(-22px, 0px);
    }
    .plashkasale__item.plashkasale__item-two {
      transform: rotate(-6.41deg) translate(35px, 6px);
    }
    .plashkasale__item.plashkasale__item-five {
      display: block;
      transform: rotate(3.9deg) translate(15px, -2px);
    }
    .plashkasale__item.plashkasale__item-four {
      transform: rotate(-3.33deg) translate(-36px, -2px);
    }
    /* // plashkasale // */
  
    /* ** trust ** */
    .trust {
      margin: 30px 0 0 0;
    }
    .trust__content-desc {
      max-width: 100%;
    }
    /* // trust // */
  
    /* ** application** */
    .section__header.section__header--application {
      grid-template-columns: 1fr minmax(194px, auto);
      background: url(/images/application/application-decor-content2.png) 83%
          22px / 217px 212px no-repeat,
        url(/images/application/application-dots.svg) 53% 3px / 93px 89px
          no-repeat;
    }

/* Проверяем поддержку image-set с WebP для application-decor-content2 */
@supports (background-image: image-set(url("/images/application/application-decor-content2.webp") type("image/webp") 1x)) {
  .section__header.section__header--application {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/application/application-decor-content2.webp") type("image/webp") 1x,
      url("/images/application/application-decor-content2.png")  type("image/png")  1x
    ) 83% 22px / 217px 212px no-repeat,
        url(/images/application/application-dots.svg) 53% 3px / 93px 89px no-repeat;
  }
}
    .section__header.section__header--application .section__header-content {
      grid-column: 1 / 2;
    }
    .application__app {
      padding: 0 0 23px 0;
    }
    .application__content {
      display: flex;
      gap: 9px;
      margin: 20px 0 0 0;
      grid-column: 1/3;
    }
    .application__content-text {
      display: block;
    }
    .application__qrcode {
      max-width: 194px;
      height: 200px;
      background: url(/images/application/application-phone.png) 0px bottom /
        194px 200px no-repeat;
      position: absolute;
      right: 0;
      bottom: 0;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/application/application-phone.webp") type("image/webp") 1x)) {
  .application__qrcode {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/application/application-phone.webp") type("image/webp") 1x,
      url("/images/application/application-phone.png")  type("image/png")  1x
    ) 0px bottom / 194px 200px no-repeat;
  }
}
    .application__qrcode-img {
      width: 82px;
      height: 82px;
      transform: translateY(46px);
    }
    .application__qrcode-text {
      max-width: 160px;
      font-size: 10px;
      transform: translateY(46px);
    }
    /* // application // */
  
    /* ** breadcrumbs ** */
    .breadcrumbs__list {
      display: flex;
      flex-wrap: wrap;
    }
    .breadcrumbs.breadcrumbs--none {
      display: none;
    }
    .breadcrumbs__item {
      position: relative;
    }
    .breadcrumbs__item:not(:last-child) {
      margin: 0 18px 0 0;
    }
    .breadcrumbs__item a {
      color: var(--grey-text);
      font-size: 16px;
      font-weight: 500;
    }
    .breadcrumbs__item:not(:last-child).breadcrumbs__item::after {
      content: "/";
      color: #b9bec2;
      position: absolute;
      top: 1px;
      right: -12px;
    }
    /* // breadcrumbs // */
  
    /* ** chapter ** */
    /* ** chapter__top ** */
    .chapter__top-left {
      align-items: flex-end;
      gap: 12px;
    }
    .chapter__top {
      margin: 14px 0 0 0;
    }
    .chapter__title {
      font-size: 28px;
      line-height: 30px;
    }
    .chapter__number-products,
    .chapter__top-right {
      display: flex;
    }
    .chapter__number-products {
      display: block;
      color: var(--grey-description);
      font-size: 14px;
      font-weight: 500;
    }
    .chapter__link {
      color: var(--light-blue-text);
      font-family: "Montserrat", sans-serif;
      font-size: 14px;
      line-height: 25px;
      background: url(/images/icon/line-link.svg) 0px 22px no-repeat;
      position: relative;
    }
    .chapter__link.chapter__link-decor--plus::after {
      content: "";
      width: 11px;
      height: 11px;
      position: absolute;
      top: -1px;
      right: -10px;
      background: url(/images/icon/icon-plust-link.svg) no-repeat;
    }
    /* // chapter__top // */
    /* ** chapter__card ** */
    .chapter__card {
      margin: 26px 0 60px 0;
      gap: 24px;
    }
    .chapter__card--item {
      width: calc((100% / 4) - 18px);
    }
    /* // chapter__card // */
    /* // chapter // */
  
    /* ** categories ** */
    .categories__block-btn {
      font-size: 16px;
    }
    /* ** categories__content Список ** */
    .categories__list-card {
      position: relative;
      z-index: 0;
    }
    .product__img.categories__list-img {
      width: 134px;
      height: 146px;
    }
    .categories__list-header--title {
      font-size: 14px;
    }
    .categories__list-cardinfo--apply,
    .categories__list-cardinfo--delivery,
    .categories__list-cardinfo--rating--desc,
    .categories__list-info--price {
      font-size: 12px;
    }
    .categories__list-cardinfo--delivery span {
      line-height: 18px;
      padding: 0 46px 0 0;
      background: url(/images/icon/icon-delivery.svg) right center / 43px 17px
        no-repeat;
    }
    .categories__list-info--price-text span {
      /*font-size: 18px;*/
    }
    /* // categories__content Список // */
  
    /* ** categories__content Карточки ** */
    .product__card.product__card--bg .product__col {
      padding: 6px;
      /*margin: -6px;*/ /* !!! */
    }
    /* // categories__content Карточки // */
    /* // categories // */
  
    /* ** video ** */
    .video {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 26px;
    }
    .video.video--product {
      gap: 17px;
      align-items: baseline;
    }
    .video.video--product .section__header-content {
      grid-row: 1/1;
      margin: 0;
    }
    .video.video--product .video__item {
      grid-row: 2/2;
    }
    /* // video // */
  
    /* ** Страница товара ** */
    /* ** products ** */
    .products {
      margin: 0;
    }
    .products__content {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .products__images,
    .products__info-card--tinkoff.products__info-card--tinkoff--mobile,
    .products__header-content.products__header-mobile {
      grid-column: 1/5;
    }
    .products__specifications {
      grid-column: 1/3;
    }
    .products__images-big--item {
      flex: 0 0 100%;
    }
    .products__images-big img {
      max-height: 480px; /* ??? */
    }
    .product__decorImg.mobile {
      margin-bottom: 0;
    }
    /* // products // */

    /* ** productBanner ** */
    .productBanner__wrapper {
        max-width: 100%;
    }
    /* // productBanner // */

    /* ** orderstages ** */
    .section-orderstages {
        display: block;
    }
    .section-orderstages.tovar-padding {
        padding: 0 0 30px 0;
    }
    .section-orderstages.remains-padding {
        padding: 20px 0 80px 0;
    }
    .section__header-desc {
        max-width: 550px;
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-size: 22px;
        line-height: 25px;
        color: var(--basic-grey-text);
        margin-top: 10px;
    }
    .orderstages {
        display: grid;
        gap: 22px;
        margin-top: 22px;
    }
    .orderstages__item {
        display: flex;
        align-items: center;
        min-height: 239px;
        font-family: "Inter", sans-serif;
        background-color: #ebeef2;
        border-radius: 14px;
        position: relative;
        overflow: hidden;
    }
    .orderstages__number {
        font-weight: 600;
        font-size: 108px;
        letter-spacing: 0.02em;
        color: #f6fafd;
        position: absolute;
        top: 28px;
        left: -14px;
    }
    .orderstages__content {
        max-width: 290px;
        padding: 0 0 0 14px;
    }
    .orderstages__title {
        font-weight: 600;
        font-size: 22px;
        color: var(--basic-black-text);
        margin-bottom: 6px;
    }
    .orderstages__desc {
        font-weight: 500;
        line-height: 23px;
        color: var(--basic-grey-text);
    }
    .ourdeliveries__headers-btn.orderstages__btn {
        max-width: 207px;
        background-color: var(--normaly-blue);
    }
    .orderstages--width1 {
        margin-top: 74px;
    }
    .orderstages--width2 {
        margin-top: 47px;
    }
    .orderstages--width3 {
        max-width: 250px;
        margin-top: 30px;
    }
    .orderstages--width4 {
        max-width: 250px;
        margin-top: 30px;
    }
    .orderstages--width5 {
        max-width: 263px;
        margin-top: 30px;
    }
    @supports (background-image: image-set(url("/images/orderstages/orderstages1.webp") type("image/webp") 1x)) {
        .orderstages--img1 {
            background: image-set(
                    url("/images/orderstages/orderstages1.webp") type("image/webp") 1x,
                    url("/images/orderstages/orderstages1.png")  type("image/png")  1x
            ) 92% 48px / 149px 304px no-repeat, #ebeef2;
        }
    }
    @supports (background-image: image-set(url("/images/orderstages/orderstages2.webp") type("image/webp") 1x)) {
        .orderstages--img2 {
            background: image-set(
                    url("/images/orderstages/orderstages2.webp") type("image/webp") 1x,
                    url("/images/orderstages/orderstages2.png")  type("image/png")  1x
            ) 92% 26px / 161px 226px no-repeat, #ebeef2;
        }
    }
    @supports (background-image: image-set(url("/images/orderstages/orderstages3.webp") type("image/webp") 1x)) {
        .orderstages--img3 {
            background: image-set(
                    url("/images/orderstages/orderstages3.webp") type("image/webp") 1x,
                    url("/images/orderstages/orderstages3.png")  type("image/png")  1x
            ) 99% 36px / 225px 273px no-repeat, #ebeef2;
        }
    }
    @supports (background-image: image-set(url("/images/orderstages/orderstages4.webp") type("image/webp") 1x)) {
        .orderstages--img4 {
            background: image-set(
                    url("/images/orderstages/orderstages4.webp") type("image/webp") 1x,
                    url("/images/orderstages/orderstages4.png")  type("image/png")  1x
            ) 92% 36px / 212px 184px no-repeat, #ebeef2;
        }
    }
    @supports (background-image: image-set(url("/images/orderstages/orderstages5.webp") type("image/webp") 1x)) {
        .orderstages--img5 {
            background: image-set(
                    url("/images/orderstages/orderstages5.webp") type("image/webp") 1x,
                    url("/images/orderstages/orderstages5.png")  type("image/png")  1x
            ) 144% 54px / 405px 147px no-repeat, #ebeef2;
        }
    }
    /* // orderstages // */

    /* ** infotab ** */
    .infotab {
        margin: 0 20px;
    }
    /* // infotab // */

    /* ** submitApplicationForm ** */
    .section-submitApplicationForm {
        display: block;
    }
    .section-submitApplicationForm.index-padding {
        padding: 50px 0 90px 0;
    }
    .section-submitApplicationForm.tovar-padding {
        padding: 40px 0 80px 0;
    }
    .submitApplicationForm {
        background-color: var(--grey-form);
        border-radius: 14px;
        position: relative;
    }
    .submitApplicationForm__wrapper {
        position: relative;
        overflow: hidden;
        padding: 50px 0 80px;
        border-radius: 14px;
    }
    .decor--img-bottom::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: -384px;
        top: 570px;
    }
    @supports (background-image: image-set(url("/images/submitApplicationForm/submitApplicationForm__decor-left.webp") type("image/webp") 1x)) {
        .decor--img-bottom::before {
            background: image-set(
                    url("/images/submitApplicationForm/submitApplicationForm__decor-left.webp") type("image/webp") 1x,
                    url("/images/submitApplicationForm/submitApplicationForm__decor-left.png")  type("image/png")  1x
            ) no-repeat;
        }
    }
    .decor--img-bottom::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        right: -87%;
        top: 541px;
    }
    @supports (background-image: image-set(url("/images/submitApplicationForm/submitApplicationForm__decor-right.webp") type("image/webp") 1x)) {
        .decor--img-bottom::after {
            background: image-set(
                    url("/images/submitApplicationForm/submitApplicationForm__decor-right.webp") type("image/webp") 1x,
                    url("/images/submitApplicationForm/submitApplicationForm__decor-right.png")  type("image/png")  1x
            ) no-repeat;
        }
    }
    .submitApplicationForm__wrapper.decor--img::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: -100%;
        left: 0;
        background: url(/images/submitApplicationForm/submitApplicationForm__decor.svg) 0px 100px / 100% 100% no-repeat;
    }
    /* Анимация подъёма */
    @keyframes slideUp {
        0% {
            bottom: -100%;
        }
        50% {
            bottom: 3%;
        }
        100% {
            bottom: 0;
        }
    }

    /* Анимация спуска */
    @keyframes slideDown {
        0% {
            bottom: 0;
        }
        50% {
            bottom: 0;
        }
        100% {
            bottom: -100%;
        }
    }

    /* Класс active вызывает подъем */
    .submitApplicationForm__wrapper.decor--img.active::after {
        animation-name: slideUp;
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
    }

    /* Без класса active спускается обратно */
    .submitApplicationForm__wrapper.decor--img::after {
        animation-name: slideDown;
        animation-duration: 1s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: backwards; /* Возвращаемся в первоначальное состояние */
    }
    .submitApplicationForm__wrapper.gradient.active::before {
        content: "";
        width: 100%;
        height: 60px;
        position: absolute;
        bottom: -100%;
        left: 0;
        background: linear-gradient(180deg, rgba(244, 244, 246, 0) 0%, #e7edf4 100%);
        border-radius: 0 0 14px 14px;
        transition: bottom 0.5s;
    }
    .submitApplicationForm__wrapper.gradient.active::before {
        bottom: 0;
    }
    .submitApplicationForm__header {
        width: 100%;
        max-width: 414px;
        display: flex;
        align-items: center;
        background-color: #000;
        border-radius: 8px;
        position: absolute;
        top: -40px;
        left: 50%;
        transform: translateX(-50%) scale(1);
        transition: transform 0.5s ease-in-out;
    }
    .submitApplicationForm__header.hide {
        transform: translateX(-50%) scale(0);
    }
    .submitApplicationForm__header-procent {
        width: 100%;
        max-width: 66px;
        height: 66px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 1px 5px 27px 0 rgba(253, 38, 35, 0.29);
        background: linear-gradient(228deg, #ff0200 0%, #ff5250 100%);
        border-radius: 8px;
        margin: 0 14px 0 0;
    }
    .submitApplicationForm__header-procenttext {
        font-weight: 800;
        font-size: 34px;
        line-height: 34px;
        color: #f5f5f5;
    }
    .submitApplicationForm__header-text {
        font-weight: 600;
        font-size: 20px;
        line-height: 22px;
        color: var(--color-white);
    }
    .submitApplicationForm__wrap {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }
    .submitApplicationForm__form {
        width: 100%;
    }
    .submitApplicationForm__title {
        font-weight: 600;
        font-size: 28px;
        line-height: 32px;
        letter-spacing: 0.01em;
        color: var(--basic-black-text);
    }
    .submitApplicationForm__progress {
        margin: 20px 0 32px 0;
        font-family: "Inter", sans-serif;
        font-size: 14px;
        line-height: 16px;
        font-weight: 500;
        letter-spacing: 0.01em;
    }
    .submitApplicationForm__progress-text {
        color: var(--not-important-white);
    }
    .submitApplicationForm__progress-number {
        color: #177be4;
    }
    .submitApplicationForm__progressbar {
        width: 100%;
        height: 6px;
        background-color: #c8d7E8;
        border-radius: 6px;
        margin: 12px 0 0 0;
        position: relative;
    }
    .submitApplicationForm__progressbar-line {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 15%;
        background-color: #177BE4;
        border-radius: 6px;
        transition: width 0.5s;
    }
    .submitApplicationForm__form--item {
        margin: 0 0 22px 0;
    }
    .submitApplicationForm__tabs-top {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0 0 8px 0;
    }
    .submitApplicationForm__tabs-top-text {
        font-family: "Inter", sans-serif;
        font-weight: 600;
        color: var(--grey-description);
        position: relative;
        cursor: pointer;
    }
    .submitApplicationForm__tabs-top-text.required::after {
        content: "*";
        color: var(--light-blue-text);
        font-size: 14px;
        font-weight: 500;
        position: relative;
        right: -2px;
        top: -4px;
    }
    .submitApplicationForm__tabs-top-text.active {
        color: var(--basic-grey-text);
    }
    .submitApplicationForm__tabs-input {
        display: none;
    }
    .submitApplicationForm__tabs-input.active {
        display: block;
    }
    .orderregistration__item-field-text.submitApplicationForm__textarea {
        font-family: "Inter", sans-serif;
        font-size: 16px;
    }
    .file__form-field.file__form-field--bg.submitApplicationForm__form-field--bg {
        font-family: "Inter", sans-serif;
        border-image: none;
        border: 1px solid #ddd;
        padding: 8px 0;
        font-size: 14px;
        background-color: #ECECEE;
    }
    .submitApplicationForm__consent.finalprice__checkbox-text {
        font-family: "Inter", sans-serif;
        font-weight: 500;
    }
    .form__checked .filter__castom-checkbox.submitApplicationForm__checkbox {
        background-color: var(--white-background);
    }
    .submitApplicationForm__btn {
        height: 48px;
        font-weight: 700;
        font-size: 18px;
        color: #f6f6f6;
    }
    .submitApplicationForm__loader {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }

    .submitApplicationForm__loader .loader {
        border-radius: 50%;
        width: 20px;
        height: 20px;
        background-color: #ef0303;
        animation: spin 1s linear infinite;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    }

    @keyframes spin {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
    }
    /* // submitApplicationForm // */
    /* // Страница товара // */
  
    /* ** reviews ** */
    .reviews__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .reviews__header-left {
      margin: 0;
    }
    .reviews__header-link {
      font-size: 16px;
    }
    /* // reviews // */
  
    /* ** Страница контакты ** */
    /* ** contacts ** */
    .contacts__info {
      display: grid;
      grid-template-columns: minmax(160px, 200px) minmax(160px, 200px) minmax(
          160px,
          290px
        );
      justify-content: space-between;
      gap: 10px;
    }
    /* // contacts // */
    /* // Страница контакты // */

    .section-production::before {
      border-radius: 0 0 22px 22px;
    }
    .production {
      padding: 50px 0 40px 0;
      position: relative;
    }
    .production__intro-top {
      position: relative;
      padding: 0 0 209px 0;
    }
    .calculateestimate__btn.btn--drafts {
        margin: 18px 0 0 0;
        max-width: 210px;
    }
    .section-title.production__intro-title {
      font-size: 58px;
      line-height: 60px;
    }
    .production__intro-text {
      font-size: 42px;
      line-height: 43px;
    }
    .production__intro-img {
      max-width: 446px;
      height: 387px;
      position: absolute;
      right: -40px;
      top: 163px;
      z-index: 1;
    }
    .production__intro-img-line::before {
      left: -230px;
      top: -152px;
      transform: rotate(-14deg);
    }
    /* // production__intro // */
  
    /* ** content ** */
    .content__title {
      font-size: 38px;
      line-height: 47px;
    }
    /* // content // */
    /* // Страница production // */
  
    /* ** Страница partners ** */
    .partners__wrapper .production__intro-top {
      padding: 0;
    }
    .partners__intro-wrap-plashka {
      margin: 18px 0 28px 0;
    }
    .partners__intro-wrap-plashka.partners__intro-wrap-plashka-width {
      max-width: 591px;
    }
  
    /* ** partners ** */
    .section-partners {
      padding: 83px 0 103px 0;
    }
    .partners .partners__title,
    .partners .partners__title.partners__title-minfs {
      font-size: 52px;
    }
    .partners .production__intro-text {
      font-size: 42px;
      line-height: 48px;
    }
    .section-calculationsmeters .partners__content-desc {
      padding: 0;
    }
    .section-calculationsmeters .calculationsmeters__img,
    .section-calculationsmeters.section-calculationlayout
      .calculationsmeters__img {
      width: 1430px;
      top: -115px;
      right: -300px;
    }
    .partners .section-title.title-remains.section-title--decorplus::after {
      right: 146px;
      top: 4px;
    }
    .partners__link{
      max-width: 256px;
    }
    /* // partners // */
    /* ** suppliers ** */
    .section-title.suppliers__title.section-title--decorplus::after {
      top: 4px;
      right: 117px;
    }
    .partners__intro-wrap-plashka.suppliers-plashka {
      max-width: 590px;
    }
    .production__intro-top.suppliers__intro-top {
      padding: 0 0 10px 0;
    }
    .partners__intro-wrap.suppliers__intro-wrap {
      padding: 160px 0 0 0;
    }
    .partners__intro-img.suppliers--img {
      top: 110px;
      left: 80%;
    }
    /* // suppliers // */
    /* // Страница partners // */
    /* ** sectionform ** */
    .section-sectionform {
      padding: 80px 0;
      overflow: hidden;
    }
    .section-sectionform-images,
    .section-sectionform-decor {
      position: relative;
    }
    .section-sectionform-images::before,
    .section-sectionform-images::after,
    .section-sectionform-decor::before,
    .section-sectionform-decor::after {
      content: "";
      position: absolute;
      z-index: 0;
    }
    .section-sectionform-decor::before,
    .section-sectionform-decor::after {
      z-index: -1;
    }
    .section-sectionform-images::before {
      width: 853px;
      height: 584px;
      top: -165px;
      left: -760px;
      background: url(/images/production/sectionform/sectionform-suppliers2.png)
        no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/production/sectionform/sectionform-suppliers2.webp") type("image/webp") 1x)) {
  .section-sectionform-images::before {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/production/sectionform/sectionform-suppliers2.webp") type("image/webp") 1x,
      url("/images/production/sectionform/sectionform-suppliers2.png")  type("image/png")  1x
    )no-repeat;
  }
}
    .section-sectionform-images::after {
      width: 695px;
      height: 531px;
      top: 63px;
      right: -595px;
      background: url(/images/production/sectionform/sectionform-suppliers1.png)
        no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/production/sectionform/sectionform-suppliers1.webp") type("image/webp") 1x)) {
  .section-sectionform-images::after {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/production/sectionform/sectionform-suppliers1.webp") type("image/webp") 1x,
      url("/images/production/sectionform/sectionform-suppliers1.png")  type("image/png")  1x
    )no-repeat;
  }
}
    .section-sectionform-decor::after {
      width: 869px;
      height: 695px;
      top: -180px;
      right: -800px;
      background: url(/images/production/sectionform/sectionform-suppliers-decor1.png)
        no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/production/sectionform/sectionform-suppliers-decor1.webp") type("image/webp") 1x)) {
  .section-sectionform-decor::after {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/production/sectionform/sectionform-suppliers-decor1.webp") type("image/webp") 1x,
      url("/images/production/sectionform/sectionform-suppliers-decor1.png")  type("image/png")  1x
    )no-repeat;
  }
}
    .sectionform {
      max-width: 444px;
      margin: 0 auto;
    }
    .section-title.sectionform__title {
      font-size: 42px;
      line-height: 40px;
    }
    /* // sectionform // */
    /* ** transportcompanies ** */
    .section-title.transportcompanies__title.section-title--decorplus::after {
      top: 0px;
    }
    .partners__intro-wrap-plashka.transportcompanies-plashka {
      max-width: 900px;
    }
    .partners__intro-img.transportcompanies--img {
      top: 165px;
      width: 304px;
      left: 575px;
    }
    .section-sectionform-images.section-transportcompanies-images::before {
      width: 616px;
      height: 535px;
      left: -485px;
      top: 0;
      background: url(/images/production/sectionform/sectionform-transportcompanies1.png)
        no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/production/sectionform/sectionform-transportcompanies1.webp") type("image/webp") 1x)) {
  .section-sectionform-images.section-transportcompanies-images::before {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/production/sectionform/sectionform-transportcompanies1.webp") type("image/webp") 1x,
      url("/images/production/sectionform/sectionform-transportcompanies1.png")  type("image/png")  1x
    )no-repeat;
  }
}
    .section-sectionform-images.section-transportcompanies-images::after {
      width: 733px;
      height: 434px;
      background: url(/images/production/sectionform/sectionform-transportcompanies2.png)
        no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/production/sectionform/sectionform-transportcompanies2.webp") type("image/webp") 1x)) {
  .section-sectionform-images.section-transportcompanies-images::after {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/production/sectionform/sectionform-transportcompanies2.webp") type("image/webp") 1x,
      url("/images/production/sectionform/sectionform-transportcompanies2.png")  type("image/png")  1x
    )no-repeat;
  }
}
    /* // transportcompanies // */
  
    /* ** estimate ** */
    .production__intro-top.estimate__intro-top {
      background-position: 100% 0px;
      background-size: 134px 130px;
    }
    .partners__intro-wrap.estimate__intro-wrap {
      padding: 220px 0 0 0;
    }
    .partners__intro-img.estimate--img {
      width: 1150px;
      left: -370px;
    }
    .section-sectionform-images.section-estimate-images::before {
      width: 587px;
      height: 572px;
      left: -520px;
      top: 120px;
      background: url(/images/production/sectionform/sectionform--estimate1.png)
        no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/production/sectionform/sectionform--estimate1.webp") type("image/webp") 1x)) {
  .section-sectionform-images.section-estimate-images::before {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/production/sectionform/sectionform--estimate1.webp") type("image/webp") 1x,
      url("/images/production/sectionform/sectionform--estimate1.png")  type("image/png")  1x
    )no-repeat;
  }
}
    .section-sectionform-images.section-estimate-images::after {
      width: 639px;
      height: 616px;
      right: -540px;
      top: 30px;
      background: url(/images/production/sectionform/sectionform--estimate2.png)
        no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/production/sectionform/sectionform--estimate2.webp") type("image/webp") 1x)) {
  .section-sectionform-images.section-estimate-images::after {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/production/sectionform/sectionform--estimate2.webp") type("image/webp") 1x,
      url("/images/production/sectionform/sectionform--estimate2.png")  type("image/png")  1x
    )no-repeat;
  }
}
    .section-sectionform-decor.section-estimate-decor::before {
      width: 506px;
      height: 871px;
      left: -390px;
      top: -130px;
      background: url(/images/production/sectionform/sectionform--estimate1-decor.png)
        no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/production/sectionform/sectionform--estimate1-decor.webp") type("image/webp") 1x)) {
  .section-sectionform-decor.section-estimate-decor::before {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/production/sectionform/sectionform--estimate1-decor.webp") type("image/webp") 1x,
      url("/images/production/sectionform/sectionform--estimate1-decor.png")  type("image/png")  1x
    )no-repeat;
  }
}
    .section-sectionform-decor.section-estimate-decor::after {
      width: 552px;
      height: 869px;
      right: -450px;
      top: -120px;
      background: url(/images/production/sectionform/sectionform--estimate2-decor.png)
        no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/production/sectionform/sectionform--estimate2-decor.webp") type("image/webp") 1x)) {
  .section-sectionform-decor.section-estimate-decor::after {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/production/sectionform/sectionform--estimate2-decor.webp") type("image/webp") 1x,
      url("/images/production/sectionform/sectionform--estimate2-decor.png")  type("image/png")  1x
    )no-repeat;
  }
}
    /* // estimate // */
    /* ** layoutplates ** */
    .partners__intro-wrap.layoutplates__intro-wrap {
      padding: 130px 0 0 0;
    }
    .partners__intro-wrap-plashka.layoutplates-plashka {
      flex-direction: column;
      align-items: flex-start;
    }
    .partners__intro-img.layoutplates--img {
      width: 1070px;
    }
    .section-sectionform-images.section-layoutplates-images::before {
      width: 644px;
      height: 593px;
      left: -380px;
      top: 80px;
      background: url(/images/production/sectionform/sectionform--layoutplates1.png)
        0px 0px / 465px 429px no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/production/sectionform/sectionform--layoutplates1.webp") type("image/webp") 1x)) {
  .section-sectionform-images.section-layoutplates-images::before {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/production/sectionform/sectionform--layoutplates1.webp") type("image/webp") 1x,
      url("/images/production/sectionform/sectionform--layoutplates1.png")  type("image/png")  1x
    )0px 0px / 465px 429px no-repeat;
  }
}
    .section-sectionform-images.section-layoutplates-images::after {
      width: 643px;
      height: 593px;
      right: -555px;
      top: 80px;
      background: url(/images/production/sectionform/sectionform--layoutplates2.png)
        0px 0px / 465px 429px no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/production/sectionform/sectionform--layoutplates2.webp") type("image/webp") 1x)) {
  .section-sectionform-images.section-layoutplates-images::after {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/production/sectionform/sectionform--layoutplates2.webp") type("image/webp") 1x,
      url("/images/production/sectionform/sectionform--layoutplates2.png")  type("image/png")  1x
    )0px 0px / 465px 429px no-repeat;
  }
}
    .section-sectionform-decor.section-layoutplates-decor::before {
      width: 520px;
      height: 871px;
      left: -400px;
      background: url(/images/production/sectionform/sectionform--layoutplates1-decor.png)
        no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/production/sectionform/sectionform--layoutplates1-decor.webp") type("image/webp") 1x)) {
  .section-sectionform-decor.section-layoutplates-decor::before {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/production/sectionform/sectionform--layoutplates1-decor.webp") type("image/webp") 1x,
      url("/images/production/sectionform/sectionform--layoutplates1-decor.png")  type("image/png")  1x
    )no-repeat;
  }
}
    .section-sectionform-decor.section-layoutplates-decor::after {
      width: 540px;
      height: 871px;
      right: -370px;
      background: url(/images/production/sectionform/sectionform--layoutplates2-decor.png)
        no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/production/sectionform/sectionform--layoutplates2-decor.webp") type("image/webp") 1x)) {
  .section-sectionform-decor.section-layoutplates-decor::after {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/production/sectionform/sectionform--layoutplates2-decor.webp") type("image/webp") 1x,
      url("/images/production/sectionform/sectionform--layoutplates2-decor.png")  type("image/png")  1x
    )no-repeat;
  }
}
    /* // layoutplates // */
  
    /* ** Страница услуги ** */
    /* ** uslugi ** */
    .section-uslugi {
      background-image: url(/images/production/production-intro768.png);
    }
    .partners__intro-wrap.uslugi__intro-wrap {
      padding: 260px 0 0 0;
    }
    /* // uslugi // */
    /* // Страница услуги // */
  
    /* ** Страница разгрузите производство ** */
    /* ** remains ** */
    .remains__title.section-title--decorplus::after {
      bottom: 40px;
    }
    .partners__intro-wrap-plashka.remains-plashka {
      max-width: 576px;
    }
    .partners__intro-wrap-plashka.remains-plashka span:nth-of-type(8),
    .partners__intro-wrap-plashka.remains-plashka span:nth-of-type(9),
    .partners__intro-wrap-plashka.remains-plashka span:nth-of-type(10) {
      display: flex;
    }
    .remains__buttons {
      max-width: 712px;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .remains__buttons-left {
      flex-grow: 1;
      margin: 0;
      padding: 10px;
    }
    .remains__buttons-right {
      width: 100%;
      max-width: 254px;
      padding: 10px;
    }
    .addproducts__title {
      font-size: 34px;
    }
  
    .addproducts__body-bottom-row {
      grid-template-columns: minmax(94px, 94px) minmax(200px, 200px);
    }
    .addproducts__body-bottom-item:nth-of-type(2) {
      grid-column: 2 / 6;
    }
    .addproducts__body-bottom-item:nth-of-type(3) {
      grid-row: 2 / 2;
    }
    .addproducts__body-bottom-item:nth-of-type(7) {
      grid-column: 5 / 5;
    }
    .addproducts__body-bottom-item:nth-of-type(8) {
      grid-row: 1 / 1;
      grid-column: 3 / 6;
    }
    .addproducts__body-bottom-item:nth-of-type(5) {
      grid-row: 2/2;
      grid-column: 3/3;
    }
    .addproducts__body-bottom-item:nth-of-type(6) {
      grid-row: 2/2;
      grid-column: 4/5;
    }
    /* // remains // */
    /* // Страница разгрузите производство // */
  
    /* ** Страница о компании ** */
    /* ** companyintro ** */
    .section-companyintro {
      padding: 92px 0 620px 0;
    }
    .companyintro__image {
      left: -96px;
    }
    .companyintro__img-mobile {
      width: 200%;
    }
    .companyintro__title,
    .companyintro__subtitle {
      font-size: 48px;
    }
    /* // companyintro // */
  
    /* ** achievements ** */
    .section-companydocuments__title.section-ouradvantages__title {
      display: none;
    }
    .achievements__item.chievements__item-topright .achievements__item-title {
      padding: 0 0 0 30px;
    }
    .achievements__item.chievements__item-topright {
      transform: translate(50px, 0px);
    }
    .achievements__item.chievements__item-topleft .achievements__item-title {
      padding: 0 0 0 50px;
    }
    .achievements__item.chievements__item-right .achievements__item-text {
      padding: 0;
    }
    .achievements__item-text {
      font-size: 62px;
    }
    .achievements__item-title {
      font-size: 14px;
    }
    /* // achievements // */
  
    .section-title.section-title-blue {
      font-size: 38px;
    }
    /* ** ouradvantagesinfo ** */
    .section-ouradvantagesinfo {
      display: block;
    }
    .ouradvantagesinfo__image {
      position: absolute;
    }
    .ouradvantagesinfo__image1 {
      top: -130px;
      left: -430px;
    }
    .ouradvantagesinfo__image2 {
      top: -140px;
      right: -230px;
    }
    .ouradvantagesinfo__image3 {
      top: 315px;
      right: -455px;
    }
    .ouradvantagesinfo__image3::before {
      content: "";
      display: block;
      width: 439px;
      height: 210px;
      position: absolute;
      top: 70px;
      left: -195px;
      background: url(/images/production/company/ouradvantagesinfo/ouradvantagesinfo-decor1.png)
        no-repeat;
      z-index: -1;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/production/company/ouradvantagesinfo/ouradvantagesinfo-decor1.webp") type("image/webp") 1x)) {
  .ouradvantagesinfo__image3::before {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/production/company/ouradvantagesinfo/ouradvantagesinfo-decor1.webp") type("image/webp") 1x,
      url("/images/production/company/ouradvantagesinfo/ouradvantagesinfo-decor1.png")  type("image/png")  1x
    )no-repeat;
  }
}
    .ouradvantagesinfo__image4 {
      bottom: -30px;
      left: -400px;
    }
  
    .ouradvantagesinfo__image5 {
      bottom: -45px;
      right: -355px;
    }
    .ouradvantagesinfo__image5::before {
      content: "";
      display: block;
      width: 505px;
      height: 184px;
      position: absolute;
      top: 70px;
      left: -125px;
      background: url(/images/production/company/ouradvantagesinfo/ouradvantagesinfo-decor2.png)
        no-repeat;
      z-index: -1;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/production/company/ouradvantagesinfo/ouradvantagesinfo-decor2.webp") type("image/webp") 1x)) {
  .ouradvantagesinfo__image5::before {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/production/company/ouradvantagesinfo/ouradvantagesinfo-decor2.webp") type("image/webp") 1x,
      url("/images/production/company/ouradvantagesinfo/ouradvantagesinfo-decor2.png")  type("image/png")  1x
    )no-repeat;
  }
}
    .ouradvantagesinfo__image4::after,
    .ouradvantagesinfo__image5::after {
      content: "";
      border-radius: 50%;
      filter: blur(9px);
      position: absolute;
    }
    .ouradvantagesinfo__image4::after {
      width: 446px;
      height: 100px;
      background: radial-gradient(
        50% 50% at 50% 50%,
        rgba(6, 36, 62, 0.13) 0%,
        rgba(6, 36, 62, 0) 100%
      );
      bottom: -70px;
      left: 140px;
    }
    .ouradvantagesinfo__image5::after {
      width: 294px;
      height: 62px;
      background: radial-gradient(
        50% 50% at 50% 50%,
        rgba(6, 36, 62, 0.12) 0%,
        rgba(6, 36, 62, 0) 100%
      );
      bottom: -40px;
    }
    .ouradvantagesinfo-decor {
      background: url(/images/production/company/ouradvantagesinfo/ouradvantagesinfo-decor-dots.svg)
          230px 160px no-repeat,
        url(/images/production/company/ouradvantagesinfo/ouradvantagesinfo-decor-dots.svg)
          20px 400px no-repeat,
        url(/images/production/company/ouradvantagesinfo/ouradvantagesinfo-decor-dots.svg)
          380px 520px no-repeat,
        url(/images/production/company/ouradvantagesinfo/ouradvantagesinfo-decor-dots.svg)
          560px 210px no-repeat,
        url(/images/production/company/ouradvantagesinfo/ouradvantagesinfo-decor-dots.svg)
          370px 900px no-repeat;
    }
    .ouradvantagesinfo-decor,
    .ouradvantagesinfo-decor-line {
      position: relative;
    }
    .ouradvantagesinfo-decor::before,
    .ouradvantagesinfo-decor::after,
    .ouradvantagesinfo-decor-line::before {
      content: "";
      display: block;
      position: absolute;
      z-index: -1;
    }
    .ouradvantagesinfo-decor::before {
      width: 1515px;
      height: 292px;
      position: absolute;
      top: 388px;
      left: -130px;
      background: url(/images/production/company/ouradvantagesinfo/ouradvantagesinfo-line-top.svg)
        no-repeat;
    }
    .ouradvantagesinfo-decor::after {
      width: 1175px;
      height: 220px;
      top: 340px;
      right: 130px;
      background: url(/images/production/company/ouradvantagesinfo/ouradvantagesinfo-line-center.svg)
        no-repeat;
    }
    .ouradvantagesinfo-decor-line::before {
      width: 985px;
      height: 237px;
      top: 470px;
      right: 370px;
      background: url(/images/production/company/ouradvantagesinfo/ouradvantagesinfo-line-bottom.svg)
        no-repeat;
    }
    .ouradvantagesinfo {
      display: block;
      padding: 0 0 280px 0;
    }
    .section-title.ouradvantagesinfo__title {
      text-shadow: -0.792px 10.295px 33.642px rgba(76, 114, 158, 0.28);
      font-size: 82px;
      line-height: 90px;
      font-weight: 700;
      background: linear-gradient(182deg, #66a1e0 6.02%, #2267b0 60.88%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      position: relative;
      margin: 0 0 10px 0;
    }
    .section-title.ouradvantagesinfo__title.section-title--decorplus::after {
      top: 12px;
    }
    .ouradvantagesinfo__title.ouradvantagesinfo__title-circle::before {
      content: "";
      display: block;
      width: 95px;
      height: 95px;
      background: url(/images/production/company/ouradvantagesinfo/ouradvantagesinfo-circle.svg)
        no-repeat;
      position: absolute;
      top: -24px;
      left: -47px;
    }
    .ouradvantagesinfo__item-text {
      display: block;
      color: var(--light-blue-text);
      text-shadow: -0.602px 7.832px 27.922px rgba(76, 114, 158, 0.48);
      font-family: Montserrat;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
    }
    .ouradvantagesinfo__item-top {
      margin: 0 0 180px 0;
      padding: 0 0 0 50px;
    }
    .ouradvantagesinfo__item-center {
      margin: 0 0 180px 0;
      padding: 0 0 0 105px;
    }
    .ouradvantagesinfo__item-bottom {
      padding: 0 0 0 50px;
    }
    /* // ouradvantagesinfo // */
  
    /* ** uschoose ** */
    /* // uschoose // */
  
    /* ** ouradvantages ** */
    .section-ouradvantages {
      padding: 340px 0 50px 0;
    }
    .ouradvantages__wrap {
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
    }
    /* // ouradvantages // */
  
    /* ** mobileapp ** */
    .section-mobileapp {
      padding: 160px 0 60px 0;
      margin: 0 0 100px 0;
    }
    .mobileapp__app {
      gap: 10px;
    }
    .mobileapp__app-item {
      width: 176px;
    }
    .mobileapp__app::after {
      width: 87%;
      height: 37px;
      bottom: -33px;
    }
    .building {
      margin: 100px 0 0 0;
    }
    .building__wrap {
      max-width: 600px;
      margin: 49px auto 0;
    }
    /* // mobileapp // */
  
    /* ** director ** */
    .companydirector {
      display: flex;
      gap: 22px;
    }
    /* // director // */
  
    /* ** ourprinciples ** */
    .section-ourprinciples {
      padding: 0 0 70px 0;
    }
    /* // ourprinciples // */
  
    /* ** documents ** */
    .companydocuments {
      margin-top: 34px;
    }
    /* // documents // */
  
    /* ** companyteam ** */
    .section-companyteam {
      padding: 20px 0 200px 0;
    }
    .companyteam {
      grid-template-columns: repeat(2, calc(100% / 2 - 28px / 2*(2 - 1)));
    }
    /* // companyteam // */
    /* // Страница о компании // */
  
    /* ** Страница новости ** */
    /* ** news ** */
    .news__top {
      margin: 14px 0 0 0;
    }
    .news__title {
      font-size: 20px;
    }
    /* // news // */
    /* ** newssubscribe ** */
    .section-newssubscribe {
      margin: 60px 0;
    }
    .newssubscribe-decor {
      background: url(/images/news/newssubscribe-img2.png) 55% 0 no-repeat,
        url(/images/news/newssubscribe-img3.png) 114% 100% no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/news/newssubscribe-img2.webp") type("image/webp") 1x)) {
  .newssubscribe-decor {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/news/newssubscribe-img2.webp") type("image/webp") 1x,
      url("/images/news/newssubscribe-img2.png")  type("image/png")  1x
    )55% 0 no-repeat,
        url(/images/news/newssubscribe-img3.png) 114% 100% no-repeat;
  }
}
    .newssubscribe__form {
      max-width: 312px;
    }
    .newssubscribe__btn {
      max-width: 182px;
    }
    /* // newssubscribe // */
    /* // Страница новости // */
  
    /* ** Страница заказы ** */
    .myorders__title {
      margin: 0 0 20px 0;
    }
    .myorders__top-text {
      font-size: 18px;
    }
    .myordersstatus__item-icon {
      height: 58px;
    }
    .myordersstatus::before {
      top: 66%;
    }
    .myordersstatus__item-icon1 svg {
      width: 39px;
      height: 50px;
    }
    .myordersstatus__item-icon2 svg {
      width: 53px;
      height: 44px;
    }
    .myordersstatus__item-icon3 svg {
      width: 51px;
      height: 50px;
    }
    .myordersstatus__item-icon4 svg {
      width: 87px;
      height: 30px;
    }
    .myordersstatus__item-icon5 svg {
      width: 41px;
      height: 52px;
    }
    .myordersstatus__item-dots {
      width: 28px;
      height: 28px;
    }
    .myordersstatus__item.myordersstatus__item--active
      .myordersstatus__item-dots::before {
      width: 18px;
      height: 18px;
    }
    .myordersstatus__item-text {
      font-size: 14px;
    }
    /* // Страница заказы // */
  
    /* ** Страница управление счетом ** */
    .myorders__price {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 30px 0 0 0;
    }
    .myorders__price__item-price {
      margin: 0;
    }
    .myorders__subtitle {
      font-size: 18px;
    }
    .myorders__document-table {
      margin: 22px 0 0 0;
    }
    .myorders__document-table-body-item {
      display: flex;
      align-items: center;
      gap: 38px;
    }
    .myorders__document-table-body-item-desc:nth-of-type(1) {
      margin: 0;
    }
    .myorders__document-table-body-price {
      font-size: 16px;
    }
    /* // Страница управление счетом // */
  
    /** Страница 404 ** */
    .section-errors {
      background-image: url(/images/404/img-404-fon3.jpg);
    }
    .errors::before,
    .errors::after {
      content: "";
      display: block;
      position: absolute;
    }
    .errors::before {
      width: 536px;
      height: 398px;
      top: -100px;
      left: -470px;
      background: url(/images/404/img-404-2.png) no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/404/img-404-2.webp") type("image/webp") 1x)) {
  .errors::before {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/404/img-404-2.webp") type("image/webp") 1x,
      url("/images/404/img-404-2.png")  type("image/png")  1x
    )no-repeat;
  }
}
    .errors::after {
      width: 520px;
      height: 523px;
      top: -100px;
      right: -395px;
      background: url(/images/404/img-404-3.png) no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/404/img-404-3.webp") type("image/webp") 1x)) {
  .errors::after {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/404/img-404-3.webp") type("image/webp") 1x,
      url("/images/404/img-404-3.png")  type("image/png")  1x
    )no-repeat;
  }
}
    .errors__img img {
      width: 100%;
    }
    .errors__title {
      font-size: 34px;
      line-height: 38px;
    }
    .errors__btn {
      max-width: 188px;
      margin: 18px 0 0 0;
    }
    /* // Страница 404 // */
  
    /* ** Search ** */
    .pagesearch__wrapper.pagesearch__wrapper-background {
      padding: 0;
    }
    .search__content {
      margin: 35px 0 70px 0;
      padding: 0 0 40px 0;
    }
    .search__button {
      margin: 28px 0 0 0;
    }
    /* // Search // */
  
    /* ** Страницы **
          - page-search
          - bascet
          - favourites
      */
    .hiddencontent__bascet {
      margin: 20px 0 0 0;
    }
    /* // Страницы //
          - page-search
          - bascet
          - favourites
      */
  
    /* ** documents ** */
    .section-documents {
      padding: 34px 0 80px 0;
    }
    .documents__title {
      font-size: 28px;
      line-height: 32px;
    }
    .modalRadio {
      top: 0;
      left: 96px;
      width: 400px;
    }
    .modalRadio.modalRadioNo {
      left: 190px;
    }
    .douments__tabs-item span {
      font-size: 15px;
    }
    /* // documents // */
  
    /* ** Страница SMKD ** */
    .section-smkd {
      margin: -46px 0 0 0;
    }
    /* // Страница SMKD // */
  
    /* ** vacancy ** */
    .section.section-categories.section-vacancy {
      padding: 0 0 90px 0;
    }
    .sale__info-text.sale__info-text--icon::after {
      top: 0;
    }
    .sale__info-text {
      font-size: 16px;
      line-height: 24px;
    }
    .sale__info.sale__info-decor .sale__info-list {
      font-size: 16px;
      line-height: 24px;
    }
    .vacancy__card-title {
      font-size: 20px;
      line-height: 25px;
    }
    .vacancy__card-aboutjob-item:not(:last-child) {
      margin: 0 0 4px 0;
    }
    .aboutvacancy__title {
      max-width: 700px;
      font-size: 28px;
      line-height: 32px;
    }
    .aboutvacancy__content-list {
      max-width: 678px;
    }
    /* // vacancy // */
  
    /* ** Страница sale ** */
    .filter__sale .sale__filter-one,
    .filter__view-imgs--mobile {
      display: none;
    }
    .filter__view-imgs--desktop {
      display: block;
    }
    /* // Страница sale // */
  
    /* ** footer ** */
    .footer__wrap {
      grid-template-columns: 1fr 1fr 1fr;
    }
    .footer__navigation {
      grid-template-columns: 1fr 1fr;
      grid-row: 1 / 4;
      gap: 24px;
      margin: 0;
    }
    .footer__services-wrap {
      transform: translateY(0);
    }
    .footer__content {
      grid-column: 1 / 4;
    }
    .footer__content-payment {
      grid-row: 2/3;
      margin-top: 44px;
      grid-column: 3 / 3;
    }
    .footer__copyright {
      margin: 10px 0 0 0;
    }
    /* // footer // */
  
    /* ** filter ** */
    .filter__view-imgs {
      max-width: 404px;
    }
    /* // filter // */
  
    .productsmodal__content-big--item img {
      border-radius: 12px;
    }
  
    /* ** Модальное окно (Написать письмо директору) ** */
    .saydirector__wrap {
      flex-direction: row;
      gap: 28px;
    }
    .saydirector .form.form-bg {
      padding: 42px 24px 24px 24px;
    }
    .saydirector__wrap-form {
      flex: 1 1 423px;
    }
    .saydirector__wrap-content {
      flex: 1 1 366px;
    }
    .saydirector__wrap-content-item {
      border-radius: 12px;
      background: linear-gradient(
        270deg,
        rgba(255, 255, 255, 0.04) -1.78%,
        rgba(255, 255, 255, 0.09) 99.89%
      );
      box-shadow: 0px -2px 28px 0px rgba(59, 106, 146, 0.08);
      padding: 22px 22px 10px 22px;
    }
    .saydirector__wrap-content-top {
      flex-direction: column;
      align-items: flex-start;
      background: url(/images/block/block-decor-dots.svg) 290px 89% / 20px 14px
        no-repeat var(--grey-form);
    }
    .saydirector .saydirector__btn {
      height: 48px;
      max-width: 184px;
      margin: 14px 0 0 0;
    }
    /* // Модальное окно (Написать письмо директору) // */
  
    /* ** Модальное окно нашли ошибку ** */
    .productsmodal__close.modalservices__close {
      top: 20px;
      right: 20px;
    }
    .modalservices__content {
      padding: 42px 28px 46px 28px;
    }
    .modalservices__form-title {
      font-size: 24px;
      line-height: 30px;
    }
    .modalservices__form-right {
      display: block;
      flex: 0 0 310px;
      margin: 30px 0 0 0;
    }
    .modalservices__form-right-wrap {
      border: 1px solid #ddd;
      background-color: var(--white-background);
      border-radius: 8px;
      padding: 18px 24px 20px 20px;
    }
    .modalservices__form-right-title {
      color: var(--basic-grey-text);
      font-size: 22px;
    }
    .modalservices__form-right-title span {
      display: block;
      color: var(--light-blue-text);
      font-size: 18px;
    }
    .modalservices__form-right-desc {
      color: var(--grey-text);
      font-family: "Inter", sans-serif;
      font-size: 14px;
      font-weight: 400;
      margin: 8px 0 0 0;
    }
    .modalservices__form-right--images {
      margin: 0 0 15px 0;
    }
    .modalservices__form-right--images img {
      margin: 0 auto;
    }
    /* // Модальное окно нашли ошибку // */
  
    .form {
      margin: 0;
    }
  
    .chapter__content-images-mobile {
      display: none;
    }
    .chapter__content-images-desktop {
      display: block;
    }
  
    .productAddCart {
      max-width: fit-content;
    }
    @keyframes notification {
      0% {
        transform: translate(-50%, -100%);
      }
      80% {
        transform: translate(-50%, 280px);
      }
      100% {
        transform: translate(-50%, 260px);
      }
    }
    .product__add-cart-content p {
      margin: 0 0 0 10px;
      font-size: 16px;
    }
  
    /* ** Замена header ** */
    .header__info-link-email-tablet {
      display: block;
      font-weight: 600;
      font-size: 14px;
      line-height: 17px;
      color: var(--color-white);
      margin: 0 0 0 12px;
    }
    /* // Замена header // */
  
    /* ** Catalogs ** */
    .section-catalogs {
      padding: 40px 0;
    }
    .section-title.catalogs__title {
      display: block;
      width: fit-content;
    }
    .catalogs__item svg {
      width: 80px;
    }
    /* // Catalogs // */
  
    /* ** blocktime ** */
    .blocktime__content {
      margin: -50px 0 0 0;
    }
    .blocktime__wrap-blue.blocktime__wrap::before {
      background: linear-gradient(
        180deg,
        rgba(5, 80, 151, 0.3) 0%,
        rgba(5, 80, 151, 0.3) 0%,
        #055097 43%,
        #055097 100%
      );
    }
    /* // blocktime // */
  
    /* ** topblock ** */
    .topblock__text {
      max-width: 440px;
    }
    .topblock__btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 113px;
      height: 34px;
      padding: 0 10px 0 8px;
      font-weight: 600;
      font-size: 14px;
      line-height: 15px;
      color: #323a42;
      border-radius: 8px;
    }
    .topblock__btn.topblock__btn-bgGreen {
      background-color: #a3e499;
    }
    .topblock__btn.topblock__btn-bgYellow {
      background-color: #f0eda6;
    }
    .topblock__btn.topblock__btn-bgBlue {
      background-color: #a4cdf3;
    }
    .topblock__btn-text {
      display: block;
      margin: 0 12px 0 0;
      font-size: initial;
    }
    .topblock__btn-icon {
      transform: translateY(2px);
    }
    /* // topblock // */
  
    /* ** vacancy ** */
    .section.section-categories.section-vacancy {
      padding: 0 0 90px 0;
    }
    .sale__info-text.sale__info-text--icon::after {
      top: 0;
    }
    .sale__info-text {
      font-size: 16px;
      line-height: 24px;
    }
    .sale__info.sale__info-decor .sale__info-list {
      font-size: 16px;
      line-height: 24px;
    }
    .vacancy__card-title {
      font-size: 20px;
      line-height: 25px;
    }
    .vacancy__card-aboutjob-item:not(:last-child) {
      margin: 0 0 4px 0;
    }
    .aboutvacancy__title {
      max-width: 700px;
      font-size: 28px;
      line-height: 32px;
    }
    .aboutvacancy__content-list {
      max-width: 678px;
    }
    /* // vacancy // */
  
    /* ** ourdeliveries ** */
    .section-ourdeliveries {
      padding: 20px 0 70px 0;
    }
    .ourdeliveries__headers {
      display: grid;
    }
    .ourdeliveries__headers-item:nth-of-type(1) {
      grid-column: 1/3;
    }
    .ourdeliveries__headers-item:nth-of-type(4) {
      grid-row: 3 / 3;
      grid-column: 1 / 3;
    }
    .ourdeliveries__headers-item.border {
      height: 65px;
      align-items: center;
    }
    .ourdeliveries__headers-item.border:not(:last-child) {
      border-top-color: transparent;
    }
    .ourdeliveries__headers-item.border.border-tablet {
      border-left: 1px solid #dae0e5;
      padding: 14px 0 14px 20px;
    }
    .ourdeliveries__headers-item-num {
      width: fit-content;
    }
    /* // ourdeliveries // */
  
    /* ** reviewspage tabs ** */
    .reviewspage__left-tabs  {
      gap: 38px;
      margin: 0 0 22px 0;
    }
    .reviewspage__tabs-text  {
      font-size: 15px;
      line-height: 20px;
    }
    /* // reviewspage tabs // */
  
  
  
    /* ** Contact me страница товара ** */
    .products__info-contactme {
      grid-row: 6 / 6;
      grid-column: 1 / 3
    }
    /* // Contact me страница товара// */
  
  
  
  
    /* // Личный кабинет // */
  
    /* ** Страница добавления компании ** */
    .formfields__form-item.width {
      max-width: 450px;
    }
    /* // Страница добавления компании // */
  
    /* ** Страница добавления/редактирования контакта ** */
    .formfields__wrapwork {
      grid-template-columns: minmax(220px, 220px) minmax(100px, 105px) minmax(100px, 105px) 1fr;
    }
    /* // Страница добавления/редактирования контакта // */
  
    /* ** Страница контакты ** */
    .lkcontacts__wrap {
      grid-template-columns: 1fr 1fr minmax(100px, 155px) 1fr;
    }
    .contacts-email {
      display: block;
    }
    /* // Страница контакты // */
  
    /* ** Страница о товаре ** */
    /* // Страница о товаре // */
  
    /* ** Страница заказы ** */
    .orders__text-downloadlink {
      font-size: 14px;
      line-height: 16px;
      padding: 0 8px 0 0;
    }
    .orders__text-downloadlink::after {
      top: 80%;
      left: auto;
      right: -20px;
    }
    /* // Страница заказы // */
    /* // Личный кабинет // */
  
  
  
    /* ** inventory ** */
    .inventory::before {
      width: 623px;
      height: 716px;
      bottom: -43px;
      left: -86px;
    }
    .inventory__img-mobile {
      display: none;
    }
    .inventory__img-desktop {
      display: block;
    }
    .inventory__title {
      font-size: 58px;
      margin: 0 0 16px 0;
    }
    .inventory__text {
      font-size: 24px;
      margin: 0 0 16px 0;
    }
    /* // inventory // */
  
    .dsk-content.dsk-content-margin {
      margin: 0;
    }
  
    /* ** Стр. товара. Видео ** */
    .section-videoplity {
      padding: 66px 0 60px 0;
    }
    .videoplity__wrap {
      grid-template-columns: repeat(2, 1fr);
    }
    /* // Стр. товара. Видео // */
  
  
    /* ** PAGE CATALOG ** */
    /* ** catalogform ** */
    .catalogform {
      flex-direction: row;
      gap: 0;
      border-radius: 14px;
      padding: 12px 0 12px 14px;
      overflow: hidden;
      position: relative;
      box-shadow: -1px 13px 56px 0 rgba(96, 134, 180, 0.24);
    }
    .catalogform::after {
      content: "";
      width: 796px;
      height: 307px;
      position: absolute;
      top: 73px;
      right: -420px;
      background: url(/images/catalog/catalogform__picture-decor.png) center 0 / 796px 307px no-repeat;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/catalog/catalogform__picture-decor.webp") type("image/webp") 1x)) {
  .catalogform::after {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/catalog/catalogform__picture-decor.webp") type("image/webp") 1x,
      url("/images/catalog/catalogform__picture-decor.png")  type("image/png")  1x
    )center 0 / 796px 307px no-repeat;
  }
}
    .section-catalogform .container {
      position: relative;
    }
    .section-catalogform .container::after {
      content: "";
      width: 211px;
      height: 275px;
      position: absolute;
      top: -28px;
      right: 68px;
      background: url(/images/catalog/catalogform__picture-man.png) 0 0 / 211px 275px no-repeat;
      z-index: 0;
    }

/* Проверяем поддержку image-set с WebP */
@supports (background-image: image-set(url("/images/catalog/catalogform__picture-man.webp") type("image/webp") 1x)) {
  .section-catalogform .container::after {
    /* браузеры, которые знают image-set+WebP, выберут WebP первым */
    background: image-set(
      url("/images/catalog/catalogform__picture-man.webp") type("image/webp") 1x,
      url("/images/catalog/catalogform__picture-man.png")  type("image/png")  1x
    )0 0 / 211px 275px no-repeat;
  }
}
    .catalogform__content {
      border-radius: 0;
      padding: 0;
      box-shadow: 0 -2px 28px 0 transparent;
    }
    .catalogform__wrap {
      max-width: 400px;
    }
    .catalogform__picture {
      width: auto;
      height: auto;
      border-radius: 0;
    }
    .catalogform__picture-decor {
      background-image: none;
    }
    .catalogform__picture::before {
      left: auto;
      right: 0;
      top: 3px;
      transform: translateY(0);
      background-image: none;
      z-index: -1;
    }
    .catalogform__picture-decor {
      background-image: none;
    }
    /* // catalogform // */
    /* // PAGE CATALOG // */
  
  
  
  
  
    /* ** page housekit ** */
    .housemain__intro {
      max-width: 478px;
      margin-top: -180px;
    }
    .housemain__card-small {
      flex-grow: 1;
    }
    .housemain__card-btn {
      max-width: 196px;
    }
  
    /* ** solution ** */
    .solution__imgs {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      margin: 0 0 24px 0;
    }
    .solution__content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
    }
    /* // solution // */
  
    /* ** houseslider ** */
    .houseslider__slider-wrap {
      height: 554px;
    }
    /* // houseslider // */
  
    /* ** stagework ** */
    .stagework__wrap {
      grid-template-columns: 1fr 1fr;
      gap: 24px;
    }
    /* // stagework // */
  
    /* ** concretehouse ** */
  
    /* // concretehouse // */
    .sectrion-concretehouse {
      padding: 0 0 124px 0;
    }
    .concretehouse__content {
      grid-template-columns: 1fr 1fr;
      gap: 24px;
    }
    .concretehouse__item.none {
      display: block;
    }
    .concretehouse__btn {
      display: none;
    }
    .housemain__card-btns {
      max-width: 100%;
    }
  
    /* ** housemainvideo ** */
    .section-housemainvideo {
      margin: 0 0 111px 0;
    }
    /* // housemainvideo // */
    /* // page housekit // */

    /* ** стр Калькулятор плит перекрытий ** */
    .calcintro:after {
        right: -270px;
        top: 24px;
    }
    .calcintro__content {
        max-width: 377px;
    }
    .calcraschet {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
    .calcraschet__item:nth-of-type(3) {
        grid-column: 1 / 3;
    }
    /* // стр Калькулятор плит перекрытий // */

    /* ** стр Услуги секция Цена стройка ** */
    .stroysection {
        margin: 0 0 115px 0;
    }
    .stroysection__title br {
        display: none;
    }
    .stroysection:before {
        background-size: 167px 166px;
        height: 166px;
        left: 62px;
        top: -66px;
        width: 167px;
    }
    .stroysection::after {
        background-size: 96px 95px;
        height: 95px;
        right: 121px;
        top: -19px;
        width: 96px;
    }
    .stroysection__list::before {
        background-size: 248px 270px;
        height: 270px;
        left: -163px;
        top: 81px;
        width: 248px;
    }
    .stroysection__list::after {
        background-size: 181px 126px;
        height: 126px;
        right: -132px;
        top: 83px;
        width: 181px;
    }
    .stroysection__decorimg::before {
        top: -40px;
    }
    /* // стр Услуги секция Цена стройка // */
  }