/* Start:/local/templates/.default/components/bitrix/news.detail/new-product/style.css?175066793213722*/
body.new-product {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(270deg, #CA2717 0%, #D13716 51%, #CA2717 100%);
}

body.new-product.new-product-item-detail-bgr {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body.new-product .header {
  padding-bottom: 0;
}

.noise {
  position: fixed;
  top: 0;
  left: 0;
  background: url(/local/templates/dumplings/img/noise.png) rgba(0, 0, 0, 0.25);
  background-size: cover;
  mix-blend-mode: overlay;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}

.new-product-item-detail-bgr .noise,
.new-product-item-detail-bgr .shadow-left,
.new-product-item-detail-bgr .shadow-right {
  display: none;
}

.section-new-product-detail {
  background-size: 0;
  overflow: hidden;
  color: #FFFFFF;
  padding-top: 100px;
}

.product-detail-back {
  color: #FFFFFF;
  font-family: Gilroy;
  font-size: 20px;
  line-height: 24px;
  text-decoration: none;
  text-transform: lowercase;
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  z-index: 25;
}

.product-detail-back > svg {
  margin-right: 10px;
}

.product-new-detail {
  position: relative;
  z-index: 20;
  padding-top: 30px;
}

.row-product-new-detail-top-info {
  display: flex;
  justify-content: space-between;
}

.product-new-top-info {
  width: 45%;
}

.product-new-top-media {
  width: 48%;
  overflow: hidden;
}

.product-new-top-title {
  font-size: 48px;
  line-height: 54px;
  font-family: "MulishBlack";
  color: #f3d2a4;
  margin-bottom: 25px;
}

.product-new-top-name {
  text-transform: uppercase;
}

.product-new-top-compound {
  text-transform: lowercase;
}

.product-new-top-text {
  font-family: "MulishRegular";
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 40px;
}

.product-new-media-bgr {
  position: relative;
  padding: 20px 40px 60px 40px;
}

.product-new-top-media .product-new-media-bgr {
  padding-left: 45px;
  padding-right: 45px;
}

.product-new-media-bgr .media-bgr {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

.product-new-media-img {
  text-align: center;
  position: relative;
  z-index: 20;
}

.product-new-media-img img {
  max-width: 500px;
  max-height: 300px;
  border-radius: 20px;
}

.video-block .video-play-link img {
  width: 100%;
  max-height: 350px;
  border-radius: 32px;
  position: relative;
}

.video-block .video-play-link {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.video-block .video-play-link:before {
  content: "";
  background-image: url(/local/components/hotstuff/brand-media/templates/main_page/img/play.svg);
  background-position: center;
  background-size: 86px;
  background-repeat: no-repeat;
  text-align: center;
  position: absolute;
  z-index: 2;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.fancybox__content {
  padding: 0 !important;
  background: none !important;
}

.fancybox__iframe {
  width: 1280px !important;
  height: 720px !important;
  max-width: 100%;
  max-height: 100%;
}

body.firefox .fancybox__content {
  height: 100% !important;
}

.row-product-new-detail-advantages {
  padding-top: 50px;
  padding-bottom: 50px;
}

.product-new-title {
  color: #FFF;
  text-align: center;
  font-size: 48px;
  line-height: 54px;
  font-weight: 700;
  margin-bottom: 40px;
}

.row-advantsge {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 40px;
}

.item-advantsge {
  width: 48%;
  height: 250px;
  font-size: 20px;
  line-height: 30px;
  position: relative;
  padding: 35px 40px;
}

.item-advantsge .item-advantsge-bgr {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

.item-advantsge-top {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 15px;
}

.item-advantsge-title {
  color: #FEB215;
  font-size: 24px;
  line-height: 38px;
}

.product-info-slider {
  overflow: hidden;
  margin-bottom: 40px;
}

.row-recipe {
  display: flex;
  gap: 60px;
  justify-content: space-between;
  padding: 0 20px;
}

.block-recipe-media {
  width: 40%;
}

.product-recipe-media img {
  width: 100%;
}

.block-recipe {
  width: 55%;
  color: #fff;
  padding-right: 50px;
}

.recipe-title {
  font-size: 30px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 20px;
}

.recipe-info {
  display: flex;
  gap: 25px;
  max-width: max-content;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.17);
  padding: 5px 15px 5px 10px;
  margin-bottom: 20px;
}

.recipe-info-time,
.recipe-info-calories {
  font-family: "MulishRegular";
  font-size: 20px;
  line-height: 30px;
  display: flex;
  gap: 5px;
  align-items: center;
}

.recipe-text {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
}

.recipe-ingredients-title {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  margin-bottom: 5px;
}

.recipe-ingredients ul {
  min-width: 500px;
  max-width: max-content;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.recipe-ingredients ul > li {
  font-size: 20px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  border-bottom: 2px dotted;
  margin-bottom: 5px;
}

.product-new-detail-swiper .swiper-slide {
  padding: 0 20px;
}

.product-new-detail-swiper .swiper-button-prev,
.product-new-detail-swiper .swiper-button-next {
  background: none;
  width: 30px;
  height: 60px;
  color: transparent;
  top: 40%;
}

.product-new-detail-swiper .swiper-button-prev {
  left: 40px;
}

.product-new-detail-swiper .swiper-button-prev:after {
  background: url("/local/templates/.default/components/bitrix/news.detail/new-product/img/arrow-left.svg") no-repeat center center / contain;
}

.product-new-detail-swiper .swiper-button-next {
  right: 40px;
}

.product-new-detail-swiper .swiper-button-next:after {
  background: url("/local/templates/.default/components/bitrix/news.detail/new-product/img/arrow-right.svg") no-repeat center center / contain;
}

.product-new-top-media .product-new-detail-swiper .swiper-button-prev {
  left: 30px;
}

.product-new-top-media .product-new-detail-swiper .swiper-button-next {
  right: 30px;
}

.product-info-slider.product-new-detail-swiper .swiper-button-prev {
  left: 0;
}

.product-info-slider.product-new-detail-swiper .swiper-button-next {
  right: 0;
}

.row-new-item-info {
  display: flex;
  gap: 60px;
  justify-content: space-between;
  padding: 0 20px;
}

.block-new-item-info-media {
  width: 40%;
}

.new-item-info-media img {
  width: 100%;
}

.block-new-item-info {
  width: 55%;
  color: #fff;
  padding-right: 50px;
}

.new-item-info-title {
  font-size: 30px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 20px;
}

.new-item-info-text {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
}

body.new-product-item-detail-bgr .header.fixed,
body.new-product-item-detail-bgr .submenu {
  background: rgba(0, 0, 0, 0.5);
}

body.new-product-item-detail-bgr .footer__line {
  background: #FFF;
}

body.new-product-item-detail-bgr .product-info-slider .swiper-button-prev:after {
  background: url(/local/templates/.default/components/bitrix/news.detail/new-product/img/arrow-left_white.svg) no-repeat center center / contain;
}

body.new-product-item-detail-bgr .product-info-slider .swiper-button-next:after {
  background: url(/local/templates/.default/components/bitrix/news.detail/new-product/img/arrow-right_white.svg) no-repeat center center / contain;
}

#overlay-product {
  position: fixed;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 200ms ease-in-out;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
}

#overlay-product.active {
  opacity: 1;
  pointer-events: all;
}

/*.new-product-item-detail-bgr footer {
  border-top: 4px solid var(--underline-color);
}

.new-product-item-detail-bgr footer .footer__line {
  display: none;
}*/

@media (max-width: 1500px) {
  .product-new-top-media {
    width: 48%;
  }

  .video-block .video-play-link:before {
    background-size: 70px;
  }
}

@media (max-width: 1440px) {
  .product-new-detail-swiper .swiper-button-prev,
  .product-new-detail-swiper .swiper-button-next {
    top: 35%;
  }
}

@media (max-width: 1400px) {
  .product-new-media-bgr {
    padding: 15px 30px 50px 30px;
  }

  .product-new-top-media .product-new-media-bgr {
    padding-left: 40px;
    padding-right: 40px;
  }

  .product-new-media-img img {
    max-height: 250px;
  }
}

@media (max-width: 1300px) {
  .product-new-top-title {
    font-size: 40px;
    line-height: 48px;
  }

  .product-new-title {
    font-size: 40px;
    line-height: 48px;
  }
}

@media (max-width: 1200px) {
  .row-product-new-detail-top-info {
    align-items: normal;
  }

  .product-new-media-img img {
    max-height: 200px;
  }

  .video-block .video-play-link:before {
    background-size: 60px;
  }

  .product-new-detail-swiper .swiper-button-prev:after,
  .product-new-detail-swiper .swiper-button-next:after {
    background-size: 20px;
  }

  .product-new-detail-swiper .swiper-button-prev {
    left: 30px;
  }

  .product-new-detail-swiper .swiper-button-next {
    right: 30px;
  }

  .item-advantsge {
    padding: 30px;
  }

  .item-advantsge-title {
    font-size: 22px;
    line-height: 28px;
  }

  .item-advantsge-icon img {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 1000px) {
  .row-product-new-detail-top-info,
  .row-new-item-info,
  .row-recipe {
    flex-wrap: wrap;
  }

  .product-new-top-info,
  .block-new-item-info,
  .block-recipe {
    width: 100%;
  }

  .product-new-top-media,
  .block-new-item-info-media,
  .block-recipe-media {
    max-width: 670px;
    width: 100%;
    margin: 0 auto;
  }

  .product-new-media-img img {
    max-height: 300px;
  }

  .item-advantsge {
    padding: 20px 25px;
  }

  .block-new-item-info,
  .block-recipe {
    padding-right: 0;
  }
}

@media (max-width: 991px)  {
  .product-new-top-title {
    font-size: 32px;
    line-height: 38px;
  }

  .product-new-title {
    font-size: 32px;
    line-height: 38px;
  }

  .product-new-top-text {
    font-size: 18px;
    line-height: 30px;
  }

  .product-new-media-bgr {
    padding-left: 50px;
    padding-right: 50px;
  }

  .row-advantsge {
    row-gap: 30px;
  }

  .item-advantsge {
    font-size: 18px;
    line-height: 28px;
  }

  .recipe-title {
    font-size: 28px;
    line-height: 32px;
  }

  .recipe-info {
    border-radius: 8px;
    padding: 3px 15px 3px 10px;
  }

  .new-item-info-text,
  .recipe-info-time,
  .recipe-info-calories,
  .recipe-text,
  .recipe-ingredients ul > li {
    font-size: 18px;
    line-height: 28px;
  }

  .recipe-ingredients-title {
    font-size: 20px;
    line-height: 34px;
  }
}

@media (max-width: 757px) {
  .product-new-media-img img {
    width: 100%;
  }

  .row-advantsge {
    row-gap: 30px;
  }

  .item-advantsge {
    width: 100%;
    height: 220px;
  }

  .recipe-ingredients ul {
    min-width: auto;
    max-width: none;
    width: 100%;
  }
}

@media (max-width: 575px) {
  .product-new-media-bgr {
    padding: 15px 25px 40px 25px;
  }

  .item-advantsge {
    height: auto;
  }

  .row-new-item-info,
  .row-recipe {
    gap: 35px;
    padding: 0 10px;
  }
}


@media (min-width: 1500px) {
  .product-new-top-title {
    font-size: 60px;
    line-height: 68px;
  }

  .product-new-title {
    font-size: 54px;
    line-height: 65px;
  }

  .recipe-title {
    font-size: 38px;
    line-height: 44px;
  }
}

@media (min-width: 1600px) {
  .product-new-top-title {
    font-size: 70px;
    line-height: 74px;
  }

  .product-new-top-text {
    font-size: 24px;
    line-height: 36px;
    max-width: 700px;
  }

  .product-new-title {
    font-size: 64px;
    line-height: 76px;
  }

  .row-advantsge {
    row-gap: 50px;
  }

  .item-advantsge {
    height: 300px;
    font-size: 24px;
    line-height: 36px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
  }

  .item-advantsge-title {
    font-size: 27px;
    line-height: 40px;
  }

  .recipe-title {
    font-size: 48px;
    line-height: 54px;
  }

  .new-item-info-text,
  .recipe-info-time,
  .recipe-info-calories,
  .recipe-text {
    font-size: 24px;
    line-height: 36px;
  }

  .recipe-ingredients-title {
    font-size: 28px;
  }

  .recipe-ingredients ul > li {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 1700px) {
  .row-product-new-detail-top-info {
    height: auto;
/*    height: 600px; */
    margin-bottom: 20px;
  }

  .product-new-detail {
    padding-top: 50px;
  }

  .product-new-media-img img {
    max-height: 350px;
  }

  .row-product-new-detail-advantages {
    padding-bottom: 100px;
  }
}

@media (min-width: 1900px) {
  .row-product-new-detail-top-info {
    height: auto;
  /*  height: 700px;*/
  }

  .product-new-media-bgr {
    padding: 20px 70px 70px 65px;
  }
}


/* End */
/* /local/templates/.default/components/bitrix/news.detail/new-product/style.css?175066793213722 */