

/* Start:/local/components/rusagro/param_only/templates/filter_catalog_top/style.css?179059193715072*/
@charset "UTF-8";
.catalog-filter-top {
  display: none;
}

.modal-list {
  display: none;
}

@media (max-width: 1250px) and (min-width: 768px) {
  .catalog-filter-top {
    position: fixed;
    display: flex;
    gap: 16px;
    width: calc(100% + 40px);
    overflow-x: auto;
    margin-top: -7px;
    z-index: 50;
    background: #FFFBF5;
    margin-left: -40px;
    padding: 7px 40px 12px;
  }
  .catalog-filter-top .cft-group-btn {
    display: flex;
    gap: 4px;
  }
  .catalog-filter-top .cft-sort-btn, .catalog-filter-top .cft-promotion-btn, .catalog-filter-top .btn-list {
    display: flex;
    flex: 0 0 auto;
  }
  .catalog-filter-top .cft-sort-btn {
    width: 56px;
    height: 56px;
    border: 1.08px solid #E3DACD;
    cursor: pointer;
    border-radius: 16px;
    align-items: center;
    justify-content: center;
    transition: border-color 200ms ease-out;
  }
  .catalog-filter-top .cft-sort-btn::before {
    content: "";
    width: 25.85px;
    height: 25.85px;
    background-color: #131212;
    -webkit-mask: url("/local/components/rusagro/param_only/templates/filter_catalog_top/./img/i_sort.svg") center/contain no-repeat;
    mask: url("/local/components/rusagro/param_only/templates/filter_catalog_top/./img/i_sort.svg") center/contain no-repeat;
    transition: background-color 200ms ease-out;
  }
  .catalog-filter-top .cft-sort-btn:hover {
    border-color: #BEC421;
  }
  .catalog-filter-top .cft-sort-btn:hover::before {
    background-color: #BEC421;
  }
  .catalog-filter-top .cft-promotion-btn {
    width: 56px;
    height: 56px;
    border: 1.08px solid #E3DACD;
    border-radius: 16px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 200ms ease-out;
  }
  .catalog-filter-top .cft-promotion-btn::before {
    content: "";
    width: 25.85px;
    height: 25.85px;
    background-color: #131212;
    -webkit-mask: url("/local/components/rusagro/param_only/templates/filter_catalog_top/./img/i_offer_off_hover.svg") center/contain no-repeat;
    mask: url("/local/components/rusagro/param_only/templates/filter_catalog_top/./img/i_offer_off_hover.svg") center/contain no-repeat;
    transition: background-color 200ms ease-out;
  }
  .catalog-filter-top .cft-promotion-btn:hover {
    border-color: #BEC421;
  }
  .catalog-filter-top .cft-promotion-btn:hover::before {
    background-color: #BEC421;
  }
  .catalog-filter-top .cft-promotion-btn .cft-promotion-count {
    position: absolute;
    top: -7px;
    right: -7px;
    background: #748C51;
    width: 24.77px;
    height: 24.77px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    color: #FFFBF5;
    border: 3.23px solid #FAF5EC;
    font-family: "TT Commons Pro Trial", sans-serif;
    font-weight: 500;
    font-size: 15.08px;
    line-height: 130%;
    z-index: 50;
  }
  .catalog-filter-top .cft-promotion-btn.on {
    background: #748C51 url("/local/components/rusagro/param_only/templates/filter_catalog_top/./img/i_offer_on.svg") no-repeat center center;
    background-size: 25.85px 25.85px;
    border: none;
  }
  .catalog-filter-top .cft-promotion-btn.on .cft-promotion-count {
    top: -6px;
    right: -6px;
  }
  .catalog-filter-top .btn-list {
    padding: 18.5px 44px 18.5px 24px;
    background: #FAF5EC url("/local/components/rusagro/param_only/templates/filter_catalog_top/./img/i_arrow.svg") no-repeat center right 16px;
    background-size: 24px 24px;
    border-radius: 14px;
    cursor: pointer;
    max-height: 56px;
  }
  .modal-list-wrapper {
    position: absolute;
    top: 0;
    left: 0;
  }
  .modal-list-wrapper .modal-list-bg {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #131212;
    opacity: 0.4;
    z-index: 1;
  }
  .modal-list-wrapper .modal-list {
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 0;
    left: 0;
    align-items: center;
    max-height: 0;
    padding: 0 20px 0 20px;
    z-index: 2;
    background: #FFFBF5;
    width: 100%;
    transition: max-height 500ms ease-out, padding-top 500ms ease-out, padding-bottom 500ms ease-out;
  }
  .modal-list-wrapper .modal-list .grabber {
    background: #E3DACD;
    border-radius: 60px;
    width: 80px;
    height: 6px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none; /* отключает меню "Копировать" на iOS */
    -webkit-tap-highlight-color: transparent; /* убирает синюю подсветку при тапе */
  }
  .modal-list-wrapper .modal-list .apc-grabber::before {
    content: "";
    position: absolute;
    inset: -20px 0;
  }
  .modal-list-wrapper .modal-list .modal-title {
    margin-top: 24px;
    margin-right: auto;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 110%;
    letter-spacing: -2%;
  }
  .modal-list-wrapper .modal-list .modal-filter-items {
    margin-top: 24px;
    display: flex;
    gap: 12px;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    max-height: calc(100vh - 340px);
    /* Firefox */
    scrollbar-width: none;
    /* IE / старый Edge */
    -ms-overflow-style: none;
    /* Chrome / Safari / Opera */
  }
  .modal-list-wrapper .modal-list .modal-filter-items::-webkit-scrollbar {
    display: none;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item {
    display: flex;
    padding: 8px 0;
    align-items: center;
    width: 100%;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item .filter-item-name {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 141%;
    letter-spacing: -1%;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item .form-checkbox {
    margin-left: auto;
    display: flex;
    cursor: pointer;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item .form-checkbox input[type=checkbox] {
    display: none;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item .form-checkbox input[type=checkbox]:checked + .form-checkbox-custom {
    background: #BEC421 url("/local/components/rusagro/param_only/templates/filter_catalog_top/./img/i_checkbox.svg") no-repeat center center;
    background-size: 12px 10px;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item .form-checkbox .form-checkbox-custom {
    display: block;
    background: #E3DACD;
    border-radius: 6px;
    width: 24px;
    height: 24px;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item .form-checkbox input[type=radio] {
    display: none;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item .form-checkbox input[type=radio]:checked + .form-radio-custom {
    border: 7px solid #BEC421;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item .form-checkbox .form-radio-custom {
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #E3DACD;
    border-radius: 100px;
  }
  .modal-list-wrapper .modal-list .modal-show-result {
    margin-top: 40px;
    width: 100%;
    background: #BEC421;
    padding: 18.5px 0;
    color: #131212;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 125%;
    letter-spacing: -2%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    cursor: pointer;
    transition: opacity 200ms ease-out;
  }
  .modal-list-wrapper .modal-list .modal-show-result:hover {
    opacity: 0.8;
  }
  .modal-list-wrapper .modal-list.open {
    height: fit-content;
    max-height: 900px;
    padding: 8px 20px 20px 20px;
  }
}
@media (max-width: 1250px) and (min-width: 1140px) {
  .catalog-filter-top {
    width: calc(100% + 120px);
    margin-left: -120px;
    padding-left: 120px;
  }
}
@media (max-width: 767px) {
  .catalog-filter-top {
    position: fixed;
    padding-bottom: 8px;
    display: flex;
    gap: 16px;
    width: 100%;
    padding-left: 15px;
    overflow-x: auto;
    padding-top: 7px;
    margin-top: -7px;
    z-index: 50;
    background: #FFFBF5;
  }
  .catalog-filter-top .cft-group-btn {
    display: flex;
    gap: 4px;
  }
  .catalog-filter-top .cft-sort-btn, .catalog-filter-top .cft-promotion-btn, .catalog-filter-top .btn-list {
    display: flex;
    flex: 0 0 auto;
  }
  .catalog-filter-top .cft-sort-btn {
    width: 48px;
    height: 48px;
    border: 0.92px solid #E3DACD;
    cursor: pointer;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 200ms ease-out;
  }
  .catalog-filter-top .cft-sort-btn::before {
    content: "";
    width: 22.15px;
    height: 22.15px;
    background-color: #131212;
    -webkit-mask: url("/local/components/rusagro/param_only/templates/filter_catalog_top/./img/i_sort.svg") center/contain no-repeat;
    mask: url("/local/components/rusagro/param_only/templates/filter_catalog_top/./img/i_sort.svg") center/contain no-repeat;
    transition: background-color 200ms ease-out;
  }
  .catalog-filter-top .cft-sort-btn:hover {
    border-color: #BEC421;
  }
  .catalog-filter-top .cft-sort-btn:hover::before {
    background-color: #BEC421;
  }
  .catalog-filter-top .cft-promotion-btn {
    width: 48px;
    height: 48px;
    background: transparent url("/local/components/rusagro/param_only/templates/filter_catalog_top/./img/i_offer_off.svg") no-repeat center center;
    background-size: 22.15px 22.15px;
    border: 0.92px solid #E3DACD;
    border-radius: 14px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 200ms ease-out;
  }
  .catalog-filter-top .cft-promotion-btn::before {
    content: "";
    width: 22.15px;
    height: 22.15px;
    background-color: #131212;
    -webkit-mask: url("/local/components/rusagro/param_only/templates/filter_catalog_top/./img/i_offer_off_hover.svg") center/contain no-repeat;
    mask: url("/local/components/rusagro/param_only/templates/filter_catalog_top/./img/i_offer_off_hover.svg") center/contain no-repeat;
    transition: background-color 200ms ease-out;
  }
  .catalog-filter-top .cft-promotion-btn:hover {
    border-color: #BEC421;
  }
  .catalog-filter-top .cft-promotion-btn:hover::before {
    background-color: #BEC421;
  }
  .catalog-filter-top .cft-promotion-btn .cft-promotion-count {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #748C51;
    width: 21.33px;
    height: 21.33px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    color: #FFFBF5;
    border: 2.77px solid #FAF5EC;
    font-family: "TT Commons Pro Trial", sans-serif;
    font-weight: 500;
    font-size: 12.92px;
    line-height: 130%;
    letter-spacing: 0;
    z-index: 50;
  }
  .catalog-filter-top .cft-promotion-btn.on {
    background: #748C51 url("/local/components/rusagro/param_only/templates/filter_catalog_top/./img/i_offer_on.svg") no-repeat center center;
    background-size: 22.15px 22.15px;
    border: none;
  }
  .catalog-filter-top .cft-promotion-btn.on .cft-promotion-count {
    top: -5px;
    right: -5px;
  }
  .catalog-filter-top .btn-list {
    padding: 13.5px 40px 13.5px 20px;
    background: #FAF5EC url("/local/components/rusagro/param_only/templates/filter_catalog_top/./img/i_arrow.svg") no-repeat center right 12px;
    background-size: 24px 24px;
    border-radius: 14px;
    cursor: pointer;
    max-height: 48px;
  }
  .modal-list-wrapper {
    position: absolute;
    top: 0;
    left: 0;
  }
  .modal-list-wrapper .modal-list-bg {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #131212;
    opacity: 0.4;
    z-index: 1;
  }
  .modal-list-wrapper .modal-list {
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 0;
    left: 0;
    align-items: center;
    padding: 0 15px 0 15px;
    max-height: 0;
    z-index: 2;
    background: #FFFBF5;
    width: 100%;
    transition: max-height 500ms ease-out, padding-bottom 500ms ease-out, padding-top 500ms ease-out;
  }
  .modal-list-wrapper .modal-list .grabber {
    background: #E3DACD;
    border-radius: 60px;
    width: 80px;
    height: 6px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none; /* отключает меню "Копировать" на iOS */
    -webkit-tap-highlight-color: transparent; /* убирает синюю подсветку при тапе */
  }
  .modal-list-wrapper .modal-list .apc-grabber::before {
    content: "";
    position: absolute;
    inset: -20px 0;
  }
  .modal-list-wrapper .modal-list .modal-title {
    margin-top: 24px;
    margin-right: auto;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -2%;
  }
  .modal-list-wrapper .modal-list .modal-filter-items {
    margin-top: 16px;
    display: flex;
    gap: 4px;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    max-height: calc(100vh - 340px);
    /* Firefox */
    scrollbar-width: none;
    /* IE / старый Edge */
    -ms-overflow-style: none;
    /* Chrome / Safari / Opera */
  }
  .modal-list-wrapper .modal-list .modal-filter-items::-webkit-scrollbar {
    display: none;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item {
    display: flex;
    padding: 8px 0;
    align-items: center;
    width: 100%;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item .filter-item-name {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -1%;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item .form-checkbox {
    margin-left: auto;
    display: flex;
    cursor: pointer;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item .form-checkbox input[type=checkbox] {
    display: none;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item .form-checkbox input[type=checkbox]:checked + .form-checkbox-custom {
    background: #BEC421 url("/local/components/rusagro/param_only/templates/filter_catalog_top/./img/i_checkbox.svg") no-repeat center center;
    background-size: 10px 8px;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item .form-checkbox .form-checkbox-custom {
    display: block;
    background: #E3DACD;
    border-radius: 6px;
    width: 18px;
    height: 18px;
    margin: 3px;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item .form-checkbox input[type=radio] {
    display: none;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item .form-checkbox input[type=radio]:checked + .form-radio-custom {
    border: 5px solid #BEC421;
  }
  .modal-list-wrapper .modal-list .modal-filter-items .modal-filter-item .form-checkbox .form-radio-custom {
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #E3DACD;
    border-radius: 100px;
  }
  .modal-list-wrapper .modal-list .modal-show-result {
    margin-top: 24px;
    width: 100%;
    background: #BEC421;
    padding: 15.5px 0;
    color: #131212;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -2%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    cursor: pointer;
    transition: opacity 200ms ease-out;
  }
  .modal-list-wrapper .modal-list .modal-show-result:hover {
    opacity: 0.8;
  }
  .modal-list-wrapper .modal-list.open {
    height: fit-content;
    max-height: 900px;
    padding: 4px 15px 16px 15px;
  }
}

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/rusagro/components/bitrix/news.list/promotion_carousel/style.css?17905919366033*/
.carousel {
  width: 100%;
  display: flex;
  aspect-ratio: 1200/400;
  background: #F9F0DF;
  border-radius: 32px;
  padding: 0 80px;
  overflow: hidden;
}
.carousel .carousel-info {
  max-width: 550px;
  width: 52.88%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.carousel .carousel-info .carousel-info-tag {
  padding: 10px 16px;
  border-radius: 10px;
  border: 1px solid #E3DACD;
  width: fit-content;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -2%;
  color: #73716F;
}
.carousel .carousel-info .carousel-info-title {
  margin-top: 16px;
  font-family: "STIX Two Text", sans-serif;
  font-weight: 400;
  font-size: 34px;
  line-height: 116%;
  letter-spacing: 0;
}
.carousel .carousel-info .carousel-info-desc {
  margin-top: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 136%;
  letter-spacing: -1%;
  color: #73716F;
}
.carousel .carousel-tracker {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  width: 28.84%;
  transform: translateY(-30%);
}
.carousel .carousel-tracker .carousel-tracker-banners {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.45s ease;
  will-change: transform;
  gap: 0;
}
.carousel .carousel-tracker .carousel-tracker-banners .banner + .banner {
  margin-top: 0;
}
.carousel .carousel-tracker .banner {
  width: 93.67%;
  position: relative;
}
.carousel .carousel-tracker .banner:first-child {
  margin-top: 0;
}
.carousel .carousel-tracker .banner-scale {
  transition: transform 0.45s ease;
  transform: scale(0.71);
  transform-origin: center;
  will-change: transform;
}
.carousel .carousel-tracker .banner.big {
  cursor: pointer;
  z-index: 2;
}
.carousel .carousel-tracker .banner.big .banner-scale {
  transform: scale(1);
}
.carousel .carousel-tracker .banner img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 1150px) and (min-width: 1140px) {
  .carousel .carousel-info {
    width: 54%;
  }
}
@media (max-width: 1250px) and (min-width: 768px) {
  .carousel {
    margin-top: 68px;
  }
}
@media (max-width: 1139px) and (min-width: 768px) {
  .carousel {
    margin-top: 68px;
    padding: 0 0 60px;
    width: 100%;
    height: fit-content;
    aspect-ratio: auto;
    display: flex;
    flex-direction: column;
  }
  .carousel .carousel-info {
    max-width: unset;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 60px 60px 0 60px;
    margin-bottom: 97px;
  }
  .carousel .carousel-info .carousel-info-tag {
    padding: 12px 16px;
    font-weight: 500;
    font-size: 15px;
    line-height: 125%;
    letter-spacing: -2%;
  }
  .carousel .carousel-info .carousel-info-title {
    width: 100%;
    margin-top: 16px;
    font-weight: 400;
    font-size: 34px;
    line-height: 118%;
    letter-spacing: 0;
  }
  .carousel .carousel-info .carousel-info-desc {
    margin-top: 24px;
    font-weight: 400;
    font-size: 18px;
    line-height: 141%;
    letter-spacing: -1%;
  }
  .carousel .carousel-tracker {
    flex-direction: row;
    width: 100%;
    transform: translateX(-7.25%) translateY(0);
  }
  .carousel .carousel-tracker .carousel-tracker-banners {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
  }
  .carousel .carousel-tracker .banner {
    width: 39.19%;
    position: relative;
    flex: 0 0 auto;
  }
  .carousel .carousel-tracker .banner:first-child {
    margin-top: 0;
  }
  .carousel .carousel-tracker .banner + .banner {
    margin-left: -1.5%;
  }
  .carousel .carousel-tracker .banner-scale {
    transition: transform 0.45s ease;
    transform: scale(0.66897);
    transform-origin: center;
    will-change: transform;
  }
  .carousel .carousel-tracker .banner.big {
    cursor: pointer;
    z-index: 2;
  }
  .carousel .carousel-tracker .banner.big .banner-scale {
    transform: scale(1);
  }
  .carousel .carousel-tracker .banner img {
    display: block;
    width: 100%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .carousel {
    margin-top: 56px;
    padding: 0 0 60px;
    width: 100%;
    height: fit-content;
    aspect-ratio: auto;
    display: flex;
    flex-direction: column;
    border-radius: 0;
  }
  .carousel .carousel-info {
    max-width: unset;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 40px 15px 0 15px;
    margin-bottom: 60px;
  }
  .carousel .carousel-info .carousel-info-tag {
    padding: 12px 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -2%;
  }
  .carousel .carousel-info .carousel-info-title {
    width: 100%;
    margin-top: 16px;
    font-weight: 400;
    font-size: 26px;
    line-height: 108%;
    letter-spacing: 0;
  }
  .carousel .carousel-info .carousel-info-desc {
    margin-top: 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -1%;
  }
  .carousel .carousel-tracker {
    flex-direction: row;
    width: 100%;
    transform: translateX(-68.9%) translateY(0);
  }
  .carousel .carousel-tracker .carousel-tracker-banners {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
  }
  .carousel .carousel-tracker .banner {
    width: 80.75%;
    position: relative;
    flex: 0 0 auto;
  }
  .carousel .carousel-tracker .banner:first-child {
    margin-top: 0;
  }
  .carousel .carousel-tracker .banner + .banner {
    margin-left: -2.357%;
  }
  .carousel .carousel-tracker .banner-scale {
    transition: transform 0.45s ease;
    transform: scale(0.8692);
    transform-origin: center;
    will-change: transform;
  }
  .carousel .carousel-tracker .banner.big {
    cursor: pointer;
    z-index: 2;
  }
  .carousel .carousel-tracker .banner.big .banner-scale {
    transform: scale(1);
  }
  .carousel .carousel-tracker .banner img {
    display: block;
    width: 100%;
    height: auto;
  }
}

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/rusagro/components/bitrix/news.list/productions_catalog/style.css?179059193611594*/
.catalog {
  display: flex;
  margin-top: 60px;
  margin-bottom: 60px;
}
.catalog .filter {
  width: 23.66%;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -2%;
  gap: 4px;
  display: flex;
  flex-direction: column;
}
.catalog .filter .filter-items {
  display: flex;
  flex-direction: column;
  background: #FAF5EC;
  border-radius: 16px;
  padding: 16px 20px;
  width: 100%;
}
.catalog .filter .filter-items .filter-items-open-btn {
  width: 100%;
  background: transparent url("/local/templates/rusagro/components/bitrix/news.list/productions_catalog/./img/i_arrow.svg") no-repeat top 0.5px right;
  background-size: 24px 24px;
  cursor: pointer;
  padding: 5px 24px 5px 0;
}
.catalog .filter .filter-items .filter-items-children-block {
  display: none;
}
.catalog .filter .filter-items .filter-items-children-block.open {
  display: block;
}
.catalog .filter .filter-items .filter-item {
  display: none;
  padding: 6px 2px 6px 2px;
  width: 100%;
  align-items: center;
  transition: color 200ms ease-out;
}
.catalog .filter .filter-items .filter-item:hover {
  color: #BEC421;
}
.catalog .filter .filter-items .filter-item.filter-items-all {
  margin-top: 12px;
  padding: 13px 2px 13px 2px;
}
.catalog .filter .filter-items .filter-item .form-checkbox {
  display: flex;
  margin-left: auto;
  cursor: pointer;
}
.catalog .filter .filter-items .filter-item .form-checkbox input[type=checkbox] {
  display: none;
}
.catalog .filter .filter-items .filter-item .form-checkbox input[type=checkbox]:checked + .form-checkbox-custom {
  background: #BEC421 url("/local/templates/rusagro/components/bitrix/news.list/productions_catalog/./img/i_checkbox.svg") no-repeat center center;
  background-size: 10px 8px;
}
.catalog .filter .filter-items .filter-item .form-checkbox .form-checkbox-custom {
  position: relative;
  display: block;
  margin: 2px;
  background: #E3DACD;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  transition: background-color 200ms ease-out;
}
.catalog .filter .filter-items .filter-item .form-checkbox .form-checkbox-custom::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/local/templates/rusagro/components/bitrix/news.list/productions_catalog/./img/i_checkbox_hover.svg") no-repeat center;
  background-size: 10px 8px;
  opacity: 0;
  transition: opacity 200ms ease-out;
}
.catalog .filter .filter-items .filter-item .form-checkbox .form-checkbox-custom:hover::after {
  opacity: 1;
}
.catalog .filter .filter-items .filter-item:hover .form-checkbox .form-checkbox-custom::after {
  opacity: 1;
}
.catalog .filter .filter-items .filter-item .filter-item-img {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  margin-right: 8px;
}
.catalog .filter .filter-items .filter-item.filter-item-children {
  padding-left: 36px;
}
.catalog .filter .filter-items .filter-item.filter-item-children[data-last=Y] {
  margin-bottom: 8px;
}
.catalog .filter .filter-items .hr {
  display: none;
  border-bottom: 0.5px solid #E3DACD;
  margin: 4px 2px;
}
.catalog .filter .filter-items.open .hr {
  display: block;
}
.catalog .filter .filter-items.open .filter-item {
  display: flex;
}
.catalog .catalog-items {
  margin-left: auto;
  width: 72.33%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.catalog .catalog-items .ajax-output {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
  scrollbar-gutter: stable;
}
.catalog .catalog-items .catalog-empty-wrapper {
  display: none;
  width: 100%;
  height: 100%;
}
.catalog .catalog-items .catalog-empty-wrapper .catalog-empty {
  display: flex;
  flex-direction: column;
  margin: 45.534% auto 0 auto;
  width: 334px;
  text-align: center;
  gap: 24px;
}
.catalog .catalog-items .catalog-empty-wrapper .catalog-empty .catalog-empty-title {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 116%;
  letter-spacing: -2%;
  color: #73716F;
}
.catalog .catalog-items .catalog-empty-wrapper .catalog-empty .catalog-empty-desc {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 136%;
  letter-spacing: -1%;
  color: #73716F;
}
.catalog .catalog-items .cm-product {
  --columns: 4;
  --gap: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  width: 100%;
}
.catalog .catalog-items .cm-product .cm-product-item {
  flex: 0 0 calc((100% - (var(--columns) - 1) * var(--gap)) / var(--columns));
  aspect-ratio: 210.983/300.433;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #FAF5EC;
  border-radius: 16px;
  cursor: pointer;
  position: relative;
}
.catalog .catalog-items .cm-product .cm-product-item .cm-product-item-img {
  padding: 2px;
  width: 100%;
  aspect-ratio: 210.983/150.25;
  align-self: center;
}
.catalog .catalog-items .cm-product .cm-product-item .cm-product-item-category {
  margin-top: 30px;
  padding: 4px 8px;
  border-radius: 300px;
  background: #FAE9C6;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -3%;
  justify-content: center;
  align-items: center;
  color: #131212;
  overflow: hidden;
  height: 22px;
  line-height: 120%;
  margin-left: 16px;
  margin-right: -20px;
  max-width: calc(100% - 32px);
}
.catalog .catalog-items .cm-product .cm-product-item .cm-product-item-name {
  justify-content: center;
  margin-top: 8px;
  min-height: 23px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 115%;
  letter-spacing: -2%;
  overflow: hidden;
  height: 34px;
  margin-left: 16px;
  margin-right: -20px;
  max-width: calc(100% - 32px);
}
.catalog .catalog-items .cm-product .cm-product-item .cm-product-item-tag {
  position: absolute;
  border-radius: 300px;
  padding: 4px 8px;
  top: 16px;
  left: 16px;
  background: #748C51;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -3%;
  color: #FFFBF5;
}
.catalog .catalog-items .cm-product .cm-product-item .cm-product-item-btn {
  opacity: 0;
  max-height: 0;
  position: absolute;
  left: auto;
  right: auto;
  margin: 0 8px 8px 0;
  bottom: 0;
  display: flex;
  flex-direction: column-reverse;
  gap: 2px;
  align-items: center;
  background: #FAF5EC;
  min-height: 106px;
}
.catalog .catalog-items .cm-product .cm-product-item .cm-product-item-btn .cm-product-item-btn-detail-btn {
  display: flex;
  padding: 19px 0;
  width: calc(100% - 16px);
  align-items: center;
  justify-content: center;
  background: #BEC421;
  border-radius: 15px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -2%;
  color: #131212;
  transition: opacity 200ms ease-out;
}
.catalog .catalog-items .cm-product .cm-product-item .cm-product-item-btn .cm-product-item-btn-detail-btn:hover {
  opacity: 0.8;
}
.catalog .catalog-items .cm-product .cm-product-item .cm-product-item-btn .cm-product-item-btn-download-certificate {
  border: 1px solid #E3DACD;
  padding: 14px 61px 14px 61px;
  border-radius: 15px;
  width: calc(100% - 16px);
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -2%;
  color: #2F2B26;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 200ms ease-out, color 200ms ease-out;
}
.catalog .catalog-items .cm-product .cm-product-item .cm-product-item-btn .cm-product-item-btn-download-certificate::after {
  content: "";
  width: 24px;
  height: 24px;
  background-color: #131212;
  -webkit-mask: url("/local/templates/rusagro/components/bitrix/news.list/productions_catalog/./img/i_pdf.svg") center/contain no-repeat;
  mask: url("/local/templates/rusagro/components/bitrix/news.list/productions_catalog/./img/i_pdf.svg") center/contain no-repeat;
  transition: background-color 200ms ease-out;
  flex: 0 0 auto;
  margin-left: 8px;
}
.catalog .catalog-items .cm-product .cm-product-item .cm-product-item-btn .cm-product-item-btn-download-certificate:hover {
  border-color: #BEC421;
  color: #BEC421;
}
.catalog .catalog-items .cm-product .cm-product-item .cm-product-item-btn .cm-product-item-btn-download-certificate:hover::after {
  background-color: #BEC421;
}
.catalog .catalog-items .cm-product .cm-product-item:hover .cm-product-item-btn, .catalog .catalog-items .cm-product .cm-product-item:active .cm-product-item-btn {
  width: 100%;
  opacity: 1;
  max-height: 500px;
}

@media (max-width: 1250px) and (min-width: 768px) {
  .catalog {
    flex-direction: column;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .catalog .filter {
    display: none;
  }
  .catalog .catalog-items {
    margin-left: 0;
    width: 100%;
  }
  .catalog .catalog-items .ajax-output {
    gap: 8px;
  }
  .catalog .catalog-items .catalog-empty-wrapper .catalog-empty {
    margin: 58.554% auto 0 auto;
    width: 370px;
  }
  .catalog .catalog-items .catalog-empty-wrapper .catalog-empty .catalog-empty-title {
    font-weight: 500;
    font-size: 22px;
    line-height: 110%;
    letter-spacing: -2%;
  }
  .catalog .catalog-items .catalog-empty-wrapper .catalog-empty .catalog-empty-desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 141%;
    letter-spacing: -1%;
  }
  .catalog .catalog-items .cm-product {
    --columns: 4;
    --gap-x: 8px;
    --gap-y: 8px;
  }
  .catalog .catalog-items .cm-product .cm-product-item {
    aspect-ratio: 236/306.133;
  }
  .catalog .catalog-items .cm-product .cm-product-item .cm-product-item-category {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
    letter-spacing: -2%;
    height: 26px;
  }
  .catalog .catalog-items .cm-product .cm-product-item .cm-product-item-name {
    min-height: 36px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -2%;
    height: 38px;
  }
  .catalog .catalog-items .cm-product .cm-product-item .cm-product-item-tag {
    top: 16px;
    left: 21.75px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: -2%;
  }
}
@media (max-width: 767px) {
  .catalog {
    flex-direction: column;
    margin: 20px 15px 50px 15px;
  }
  .catalog .filter {
    display: none;
  }
  .catalog .catalog-items {
    margin-left: 0;
    width: 100%;
  }
  .catalog .catalog-items .ajax-output {
    gap: 8px;
  }
  .catalog .catalog-items .catalog-empty-wrapper .catalog-empty {
    margin: 40.269% auto 0 auto;
    width: 275px;
    gap: 16px;
  }
  .catalog .catalog-items .catalog-empty-wrapper .catalog-empty .catalog-empty-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -2%;
  }
  .catalog .catalog-items .catalog-empty-wrapper .catalog-empty .catalog-empty-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -1%;
  }
  .catalog .catalog-items .cm-product {
    --columns: 2;
    --gap-x: 8px;
    --gap-y: 8px;
  }
  .catalog .catalog-items .cm-product .cm-product-item {
    margin-top: 0;
    aspect-ratio: 231/280;
  }
  .catalog .catalog-items .cm-product .cm-product-item .cm-product-item-category {
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
    letter-spacing: -2%;
    height: 25px;
  }
  .catalog .catalog-items .cm-product .cm-product-item .cm-product-item-name {
    margin-top: 6px;
    min-height: 36px;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -2%;
    height: 38px;
  }
  .catalog .catalog-items .cm-product .cm-product-item .cm-product-item-tag {
    top: 16px;
    left: 16px;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: -2%;
  }
}

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/components/rusagro/param_only/templates/guarantee/style.css?17905919374722*/
.guarantee {
  padding: 80px;
  background: #F9F0DF;
  width: 100%;
  border-radius: 32px;
  height: fit-content;
  display: flex;
  min-height: 331px;
  margin-top: 60px;
  margin-bottom: 60px;
  align-items: center;
}
.guarantee .info {
  width: 52.88%;
  display: flex;
  flex-direction: column;
}
.guarantee .info .label {
  padding: 10px 16px;
  border-radius: 10px;
  border: 1px solid #E3DACD;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -2%;
  color: #73716F;
  width: fit-content;
}
.guarantee .info .title {
  margin-top: 16px;
  width: 100%;
  font-family: "STIX Two Text", sans-serif;
  font-weight: 400;
  font-size: 34px;
  line-height: 116%;
  letter-spacing: 0;
  color: #131212;
}
.guarantee .info .desc {
  margin-top: 24px;
  width: 100%;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 136%;
  letter-spacing: -1%;
  color: #73716F;
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.guarantee .guarantee-items {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 303px;
  margin-left: auto;
}
.guarantee .guarantee-items .guarantee-item {
  display: flex;
  background: #FFFBF5;
  padding: 10px;
  gap: 16px;
  border-radius: 16px;
  align-items: center;
}
.guarantee .guarantee-items .guarantee-item .guarantee-item-img {
  display: flex;
  border-radius: 10px;
  height: 46px;
  width: 46px;
  flex: 0 0 auto;
}
.guarantee .guarantee-items .guarantee-item.supplies .guarantee-item-img {
  background: #FAF5EC url("/local/components/rusagro/param_only/templates/guarantee/./img/i_supplies.svg") no-repeat center center;
  background-size: 32px 32px;
}
.guarantee .guarantee-items .guarantee-item.stores .guarantee-item-img {
  background: #FAF5EC url("/local/components/rusagro/param_only/templates/guarantee/./img/i_stores.svg") no-repeat center center;
  background-size: 32px 32px;
}
.guarantee .guarantee-items .guarantee-item.delay .guarantee-item-img {
  background: #FAF5EC url("/local/components/rusagro/param_only/templates/guarantee/./img/i_delay.svg") no-repeat center center;
  background-size: 32px 32px;
}
.guarantee .guarantee-items .guarantee-item.security .guarantee-item-img {
  background: #FAF5EC url("/local/components/rusagro/param_only/templates/guarantee/./img/i_security.svg") no-repeat center center;
  background-size: 32px 32px;
}
.guarantee .guarantee-items .guarantee-item .guarantee-item-text {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 105%;
  letter-spacing: -2%;
}

@media (max-width: 1139px) and (min-width: 768px) {
  .guarantee {
    padding: 60px;
    border-radius: 32px;
    min-height: 721px;
    margin-top: 50px;
    margin-bottom: 50px;
    flex-direction: column;
  }
  .guarantee .info {
    width: 100%;
  }
  .guarantee .info .label {
    padding: 12px 16px;
    font-weight: 500;
    font-size: 15px;
    line-height: 125%;
    letter-spacing: -2%;
  }
  .guarantee .info .title {
    margin-top: 16px;
    padding: 0;
    font-weight: 400;
    font-size: 34px;
    line-height: 118%;
    letter-spacing: 0;
  }
  .guarantee .info .desc {
    margin-top: 20px;
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    line-height: 141%;
    letter-spacing: -1%;
  }
  .guarantee .guarantee-items {
    flex-direction: row;
    margin-top: 60px;
    --columns: 2;
    --gap: 6px;
    gap: var(--gap);
    width: 100%;
    flex-wrap: wrap;
    margin-left: 0;
  }
  .guarantee .guarantee-items .guarantee-item {
    flex: 0 0 calc((100% - (var(--columns) - 1) * var(--gap)) / var(--columns));
  }
  .guarantee .guarantee-items .guarantee-item .guarantee-item-text {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: -2%;
  }
}
@media (max-width: 767px) {
  .guarantee {
    padding: 30px 40px;
    margin-top: 50px;
    margin-bottom: 50px;
    flex-direction: column;
  }
  .guarantee .info {
    width: 100%;
  }
  .guarantee .info .label {
    padding: 12px 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -2%;
  }
  .guarantee .info .title {
    margin-top: 16px;
    padding: 0;
    font-weight: 400;
    font-size: 26px;
    line-height: 108%;
    letter-spacing: 0;
  }
  .guarantee .info .desc {
    margin-top: 24px;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -1%;
  }
  .guarantee .guarantee-items {
    flex-direction: column;
    margin-top: 50px;
    align-items: center;
    gap: 4px;
    width: 100%;
    margin-left: 0;
  }
  .guarantee .guarantee-items .guarantee-item {
    width: 295px;
  }
  .guarantee .guarantee-items .guarantee-item .guarantee-item-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: -2%;
  }
}

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/rusagro/components/bitrix/news.list/callback_form/style.css?179059193627130*/
@charset "UTF-8";
.callback-form {
  display: flex;
  margin-top: 60px;
  max-width: 1200px;
  padding: 120px 120px;
  margin-bottom: 100px;
  flex-direction: column;
  background: #FAF5EC;
  border-radius: 28px;
}
.callback-form.bg {
  background: #FAF5EC;
  border-radius: 28px;
  padding-top: 80px;
}
.callback-form .callback-form-left {
  width: 100%;
}
.callback-form .callback-form-left .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.callback-form .callback-form-left .info .label {
  padding: 10px 16px;
  border-radius: 10px;
  border: 1px solid #E3DACD;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -2%;
  color: #73716F;
}
.callback-form .callback-form-left .info .title {
  margin-top: 16px;
  width: 100%;
  font-family: "STIX Two Text", sans-serif;
  font-weight: 400;
  font-size: 34px;
  line-height: 116%;
  letter-spacing: 0;
  color: #131212;
  text-align: left;
}
.callback-form .callback-form-left .info .title span {
  display: block;
}
.callback-form .callback-form-left .callback-form-contacts {
  display: flex;
  gap: 24px;
  margin-top: 60px;
}
.callback-form .callback-form-left .callback-form-contacts .callback-form-contact {
  width: calc(100% - 50px);
  padding-right: 50px;
}
.callback-form .callback-form-left .callback-form-contacts .callback-form-contact .callback-form-contact-label {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -2%;
  color: #73716F;
}
.callback-form .callback-form-left .callback-form-contacts .callback-form-contact .callback-form-contact-value {
  margin-top: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 136%;
  letter-spacing: -1%;
}
.callback-form .callback-form-title-2 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 114%;
  letter-spacing: -2%;
  color: #131212;
  margin-bottom: 16px;
}
.callback-form .callback-form-title-2.mt {
  margin-top: 50px;
}
.callback-form .callback-form-department {
  margin-bottom: 46px;
}
.callback-form .callback-form-department .callback-form-line {
  margin-top: 40px;
  height: 1px;
  background: #E3DACD;
  width: 100%;
}
.callback-form .callback-form-department .callback-from-department-select {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 20px;
  max-width: 600px;
}
.callback-form .callback-form-department .callback-from-department-select .callback-from-department-select-item {
  display: flex;
  cursor: pointer;
  flex: 0 0 auto;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 136%;
  letter-spacing: -1%;
  color: #73716F;
  gap: 8px;
}
.callback-form .callback-form-department .callback-from-department-select .callback-from-department-select-item .form-checkbox-custom {
  display: block;
  background: #E3DACD;
  border-radius: 6px;
  width: 24px;
  height: 24px;
}
.callback-form .callback-form-department .callback-from-department-select .callback-from-department-select-item input[type=radio] {
  display: none;
}
.callback-form .callback-form-department .callback-from-department-select .callback-from-department-select-item input[type=radio]:checked + .form-radio-custom {
  border: 7px solid #BEC421;
}
.callback-form .callback-form-department .callback-from-department-select .callback-from-department-select-item .form-radio-custom {
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #E3DACD;
  border-radius: 100px;
}
.callback-form .callback-form-right {
  width: 100%;
  margin-left: auto;
  background: #FAF5EC;
  border-radius: 22px;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper {
  margin-top: 24px;
  position: relative;
  display: flex;
  gap: 16px;
  /* Пока поле пустое — показываем */
  /* Как только пользователь что-то ввел — скрываем */
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper:first-child {
  margin-top: 0;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input {
  border: none;
  outline: none;
  border-bottom: 1px solid #E3DACD;
  width: 100%;
  height: 48px;
  color: #131212;
  padding: 16px 12px 12px 8px;
  background: #FAF5EC;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 136%;
  letter-spacing: -1%;
  transition: border-color 200ms ease-out, color 200ms ease-out;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input::placeholder {
  color: #73716F;
  opacity: 1;
  transition: color 200ms ease-out;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input:hover {
  border-bottom: 1px solid #131212;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input:hover::placeholder {
  color: #131212;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input:focus::placeholder {
  color: #131212;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input:hover ~ .callback-form-input-required {
  color: #131212;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input:focus ~ .callback-form-input-required {
  color: #131212;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 136%;
  letter-spacing: -1%;
  color: #73716F;
  position: absolute;
  top: 12px;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required.fio {
  left: 45px;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required.company {
  left: 154px;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required.phone {
  left: 132px;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required.email {
  left: 47px;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required.type {
  left: 142px;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input:placeholder-shown + .callback-form-input-required {
  opacity: 1;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input:not(:placeholder-shown) + .callback-form-input-required {
  opacity: 0;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .input-group {
  position: relative;
  width: 100%;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .error {
  color: #73716F;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .output-error {
  display: none;
  position: absolute;
  top: 56px;
  left: 0;
  padding: 0 0 1px 36px;
  background: transparent url("/local/templates/rusagro/components/bitrix/news.list/callback_form/./img/i_error.webp") no-repeat center left 16px;
  background-size: 15px 15px;
  width: 100%;
  z-index: 1;
  height: 16px;
  align-items: center;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: -3%;
  color: #B81616;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .error ~ .output-error {
  display: flex;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-checkbox {
  display: flex;
  gap: 8px;
  margin-top: 50px;
  align-items: center;
  cursor: pointer;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-checkbox input[type=checkbox] {
  opacity: 0;
  width: 0;
  position: absolute;
  left: -9999px;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-checkbox input[type=checkbox]:checked + .callback-form-checkbox-custom {
  background: #BEC421 url("/local/templates/rusagro/components/bitrix/news.list/callback_form/./img/i_checkbox.svg") no-repeat center center;
  background-size: 10px 8px;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-checkbox .callback-form-checkbox-custom {
  display: block;
  margin: 2px;
  background: #E3DACD;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-checkbox .callback-form-checkbox-text {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -2%;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-checkbox .callback-form-checkbox-text .personal {
  text-decoration: underline;
  text-decoration-style: solid;
}
.callback-form .callback-form-right form[name=callback_form] .callback-form-checkbox .error ~ .callback-form-checkbox-text {
  color: #B81616;
}
.callback-form .callback-form-right form[name=callback_form] .btn-send-js {
  margin-top: 50px;
  width: 100%;
  display: flex;
  border-radius: 18px;
  padding: 20px 0;
  background: #BEC421;
  justify-content: center;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 136%;
  letter-spacing: -1%;
  color: #131212;
  transition: opacity 200ms ease-out;
}
.callback-form .callback-form-right form[name=callback_form] .btn-send-js:hover {
  opacity: 0.8;
}

.callback-form-success-wrapper {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  display: none;
  position: fixed;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.callback-form-success-wrapper .callback-form-bg {
  background: #131212;
  opacity: 0.4;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.callback-form-success-wrapper .callback-form-success {
  width: 485px;
  height: 310px;
  background: #FAF5EC;
  border-radius: 20px;
  padding: 48px 70px;
  display: flex;
  flex-direction: column;
  opacity: 1;
  position: relative;
  z-index: 2000;
  align-items: center;
}
.callback-form-success-wrapper .callback-form-success .callback-form-success-title {
  font-family: "STIX Two Text", sans-serif;
  font-weight: 400;
  font-size: 34px;
  line-height: 116%;
  letter-spacing: 0;
  text-align: center;
  color: #151E18;
  max-width: 328px;
}
.callback-form-success-wrapper .callback-form-success .callback-form-success-desc {
  margin-top: 24px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 136%;
  letter-spacing: -1%;
  text-align: center;
  color: #151E18;
}
.callback-form-success-wrapper .callback-form-success .callback-form-success-btn {
  margin-top: 40px;
  padding: 19px 35.5px;
  border: 1px solid #E3DACD;
  border-radius: 15px;
  width: fit-content;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: -2%;
  color: #131212;
}
.callback-form-success-wrapper.open {
  display: flex;
}

@media (max-width: 1250px) and (min-width: 1140px) {
  .callback-form .callback-form-left .info .title span {
    display: inline;
  }
}
@media (max-width: 1139px) and (min-width: 768px) {
  .callback-form {
    display: flex;
    margin-top: 50px;
    padding: 60px;
    margin-bottom: 100px;
    flex-direction: column;
    border-radius: 32px;
  }
  .callback-form.bg {
    background: #FAF5EC;
    border-radius: 28px;
    padding: 60px;
  }
  .callback-form.bg .callback-form-right form[name=callback_form] {
    padding: 0;
  }
  .callback-form .callback-form-left {
    width: 100%;
  }
  .callback-form .callback-form-left .info .label {
    padding: 12px 16px;
    font-weight: 500;
    font-size: 15px;
    line-height: 125%;
    letter-spacing: -2%;
  }
  .callback-form .callback-form-left .info .title {
    width: 100%;
    margin-top: 16px;
    font-weight: 400;
    font-size: 34px;
    line-height: 118%;
    letter-spacing: 0;
  }
  .callback-form .callback-form-left .info .title span {
    display: inline;
  }
  .callback-form .callback-form-left .callback-form-contacts {
    margin-top: 40px;
    flex-direction: column;
    gap: 20px;
  }
  .callback-form .callback-form-left .callback-form-contacts .callback-form-contact .callback-form-contact-label {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 125%;
    letter-spacing: -2%;
  }
  .callback-form .callback-form-left .callback-form-contacts .callback-form-contact .callback-form-contact-value {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 141%;
    letter-spacing: -1%;
    vertical-align: middle;
  }
  .callback-form .callback-form-left .callback-form-contacts .callback-form-contact .callback-form-contact-value .nowrap {
    white-space: nowrap;
  }
  .callback-form .callback-form-left .callback-form-contacts .callback-form-contact .callback-form-contact-value .nowrap br {
    display: none;
  }
  .callback-form .callback-form-title-2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 114%;
    letter-spacing: -2%;
    margin-bottom: 32px;
  }
  .callback-form .callback-form-title-2.mt {
    margin-top: 56px;
    margin-bottom: 38.5px;
  }
  .callback-form .callback-form-department {
    margin-bottom: 0;
  }
  .callback-form .callback-form-department .callback-form-line {
    margin-top: 48px;
    height: 1px;
    background: #E3DACD;
    width: 100%;
  }
  .callback-form .callback-form-department .callback-from-department-select {
    max-width: 100%;
    row-gap: 16px;
  }
  .callback-form .callback-form-department .callback-from-department-select .callback-from-department-select-item {
    font-weight: 400;
    font-size: 18px;
    line-height: 141%;
    letter-spacing: -1%;
  }
  .callback-form .callback-form-department .callback-from-department-select .callback-from-department-select-item .form-checkbox-custom {
    display: block;
    background: #E3DACD;
    border-radius: 6px;
    width: 24px;
    height: 24px;
  }
  .callback-form .callback-form-department .callback-from-department-select .callback-from-department-select-item input[type=radio] {
    display: none;
  }
  .callback-form .callback-form-department .callback-from-department-select .callback-from-department-select-item input[type=radio]:checked + .form-radio-custom {
    border: 7px solid #BEC421;
  }
  .callback-form .callback-form-department .callback-from-department-select .callback-from-department-select-item .form-radio-custom {
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #E3DACD;
    border-radius: 100px;
  }
  .callback-form .callback-form-right {
    margin-left: 0;
    margin-top: 50.5px;
    width: 100%;
  }
  .callback-form .callback-form-right form[name=callback_form] {
    padding: 0;
    width: 100%;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper {
    gap: 24px;
    /* Пока поле пустое — показываем */
    /* Как только пользователь что-то ввел — скрываем */
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper:first-child {
    margin-top: 0;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input {
    height: 53px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 141%;
    letter-spacing: -1%;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required {
    font-size: 19px;
    position: absolute;
    top: 12px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required.fio {
    left: 52px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required.company {
    left: 183px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required.phone {
    left: 157px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required.email {
    left: 55px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required.type {
    left: 168px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input:placeholder-shown + .callback-form-input-required {
    opacity: 1;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input:not(:placeholder-shown) + .callback-form-input-required {
    opacity: 0;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .input-group {
    position: relative;
    width: 100%;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .output-error {
    top: 61px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: -2%;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-checkbox {
    display: flex;
    margin-top: 50px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-checkbox input[type=checkbox]:checked + .callback-form-checkbox-custom {
    background: #BEC421 url("/local/templates/rusagro/components/bitrix/news.list/callback_form/./img/i_checkbox.svg") no-repeat center center;
    background-size: 12px 10px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-checkbox .callback-form-checkbox-custom {
    display: block;
    margin: 0;
    width: 24px;
    height: 24px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-checkbox .callback-form-checkbox-text {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 125%;
    letter-spacing: -2%;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-checkbox .callback-form-checkbox-text .personal {
    text-decoration: underline;
    text-decoration-style: solid;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-checkbox .error ~ .callback-form-checkbox-text {
    color: #B81616;
  }
  .callback-form .callback-form-right form[name=callback_form] .btn-send-js {
    margin-top: 50px;
    padding: 19.5px 0;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 141%;
    letter-spacing: -1%;
  }
  .callback-form-success-wrapper .callback-form-success {
    width: 491px;
    height: 353px;
    padding: 60px;
  }
  .callback-form-success-wrapper .callback-form-success .callback-form-success-title {
    font-weight: 400;
    font-size: 34px;
    line-height: 118%;
    letter-spacing: 0;
  }
  .callback-form-success-wrapper .callback-form-success .callback-form-success-desc {
    margin-top: 24px;
    font-weight: 400;
    font-size: 18px;
    line-height: 141%;
    letter-spacing: -1%;
  }
  .callback-form-success-wrapper .callback-form-success .callback-form-success-btn {
    margin-top: 48px;
    padding: 18.5px 25px;
    font-weight: 500;
    font-size: 15px;
    line-height: 125%;
    letter-spacing: -2%;
  }
}
@media (max-width: 767px) {
  .callback-form {
    display: flex;
    margin-top: 50px;
    margin-bottom: 80px;
    flex-direction: column;
    padding: 36px 30px;
    border-radius: 32px;
  }
  .callback-form.bg {
    background: #FAF5EC;
    border-radius: 28px;
    padding: 40px 30px;
  }
  .callback-form.bg .callback-form-right form[name=callback_form] {
    padding: 0;
  }
  .callback-form .callback-form-left {
    width: 100%;
  }
  .callback-form .callback-form-left .info .label {
    padding: 12px 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -2%;
  }
  .callback-form .callback-form-left .info .title {
    width: 100%;
    font-weight: 400;
    font-size: 26px;
    line-height: 108%;
    letter-spacing: 0;
  }
  .callback-form .callback-form-left .info .title span {
    display: inline;
  }
  .callback-form .callback-form-left .callback-form-contacts {
    margin-top: 30px;
    flex-direction: column;
    gap: 20px;
  }
  .callback-form .callback-form-left .callback-form-contacts .callback-form-contact {
    margin-bottom: 0;
  }
  .callback-form .callback-form-left .callback-form-contacts .callback-form-contact .callback-form-contact-label {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -2%;
  }
  .callback-form .callback-form-left .callback-form-contacts .callback-form-contact .callback-form-contact-value {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -1%;
  }
  .callback-form .callback-form-left .callback-form-contacts .callback-form-contact .callback-form-contact-value .nowrap {
    white-space: nowrap;
  }
  .callback-form .callback-form-left .callback-form-contacts .callback-form-contact .callback-form-contact-value .nowrap br {
    display: none;
  }
  .callback-form .callback-form-title-2 {
    font-weight: 400;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -2%;
    margin-bottom: 24px;
  }
  .callback-form .callback-form-title-2.mt {
    margin-top: 48px;
    margin-bottom: 30px;
  }
  .callback-form .callback-form-department {
    margin-bottom: 0;
  }
  .callback-form .callback-form-department .callback-form-line {
    margin-top: 36px;
    height: 1px;
    background: #E3DACD;
    width: 100%;
  }
  .callback-form .callback-form-department .callback-from-department-select {
    row-gap: 31px;
    max-width: 100%;
  }
  .callback-form .callback-form-department .callback-from-department-select .callback-from-department-select-item {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -1%;
  }
  .callback-form .callback-form-department .callback-from-department-select .callback-from-department-select-item .form-checkbox-custom {
    display: block;
    background: #E3DACD;
    border-radius: 6px;
    width: 24px;
    height: 24px;
  }
  .callback-form .callback-form-department .callback-from-department-select .callback-from-department-select-item input[type=radio] {
    display: none;
  }
  .callback-form .callback-form-department .callback-from-department-select .callback-from-department-select-item input[type=radio]:checked + .form-radio-custom {
    border: 5px solid #BEC421;
  }
  .callback-form .callback-form-department .callback-from-department-select .callback-from-department-select-item .form-radio-custom {
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #E3DACD;
    border-radius: 100px;
  }
  .callback-form .callback-form-right {
    margin-left: 0;
    margin-top: 46px;
    width: 100%;
  }
  .callback-form .callback-form-right form[name=callback_form] {
    padding: 0;
    width: 100%;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper {
    gap: 0;
    flex-direction: column;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper:first-child {
    margin-top: 0;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input {
    height: 49px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -1%;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required {
    font-size: 17px;
    position: absolute;
    top: 12px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required.fio {
    left: 47px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required.company {
    left: 164px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required.phone {
    left: 140px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required.email {
    left: 50px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .callback-form-input-required.type {
    left: 151px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .input-group:not(:first-child) {
    margin-top: 24px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-input-wrapper .output-error {
    top: 57px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: -2%;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-checkbox {
    display: flex;
    margin-top: 36px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-checkbox .callback-form-checkbox-custom {
    width: 18px;
    height: 18px;
    margin: 3px;
  }
  .callback-form .callback-form-right form[name=callback_form] .callback-form-checkbox .callback-form-checkbox-text {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -2%;
  }
  .callback-form .callback-form-right form[name=callback_form] .btn-send-js {
    margin-top: 36px;
    padding: 17.5px 0;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -1%;
  }
  .callback-form-success-wrapper .callback-form-success {
    width: 72.8%;
    height: fit-content;
    padding: 40px;
  }
  .callback-form-success-wrapper .callback-form-success .callback-form-success-title {
    font-weight: 400;
    font-size: 26px;
    line-height: 108%;
    letter-spacing: 0;
  }
  .callback-form-success-wrapper .callback-form-success .callback-form-success-desc {
    margin-top: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -1%;
  }
  .callback-form-success-wrapper .callback-form-success .callback-form-success-btn {
    margin-top: 36px;
    padding: 15.5px 19.5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -2%;
  }
}

/*# sourceMappingURL=style.css.map */

/* End */
/* /local/components/rusagro/param_only/templates/filter_catalog_top/style.css?179059193715072 */
/* /local/templates/rusagro/components/bitrix/news.list/promotion_carousel/style.css?17905919366033 */
/* /local/templates/rusagro/components/bitrix/news.list/productions_catalog/style.css?179059193611594 */
/* /local/components/rusagro/param_only/templates/guarantee/style.css?17905919374722 */
/* /local/templates/rusagro/components/bitrix/news.list/callback_form/style.css?179059193627130 */
