/* Start:/local/templates/main/css/prutok_css.css?17746062726098*/
/* ========================
   HERO
   ======================== */
.hero {
  position: relative;
  height: 403px;
  overflow: hidden;
}

.hero__bg {
  position: absolute;
  inset: 0;
}

.hero__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 131%;
  height: 183%;
  max-width: none;
  object-fit: cover;
}

.hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 215, 159, 0.2) 0%, rgba(218, 176, 118, 0.2) 100%);
}

.hero__inner {
  position: relative;
  z-index: 1;
  height: 100%;
}

.hero__content {
  padding-top: 69px;
  max-width: 700px;
}

.hero__title {
  font-size: 48px;
  line-height: 0.978;
  letter-spacing: -0.96px;
  color: #0e1b1c;
  opacity: 0.9;
  margin-bottom: 24px;
}

.hero__desc {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.565;
  color: #253132;
  opacity: 0.8;
  max-width: 474px;
}

/* ========================
   ARTICLE / SEO TEXT
   ======================== */
.article {
  padding-bottom: 100px;
}

.article__grid {
  display: grid;
  grid-template-columns: 398px 1fr;
  gap: 0 80px;
}

.article__img-col {
  grid-row: 1 / 3;
}

.article__img {
  width: 100%;
  border-radius: 15px;
  object-fit: cover;
  aspect-ratio: 398 / 529;
}

.article__title {
  font-size: 36px;
  line-height: 45px;
  letter-spacing: -0.72px;
  color: #0f1d1e;
  opacity: 0.9;
  margin-bottom: 30px;
}

.article__text-col h3 {
  font-size: 24px;
  line-height: 26.21px;
  color: #444;
  margin-top: 32px;
  margin-bottom: 20px;
}

.article__text-col p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #444;
  margin-bottom: 0;
}

.article__text-col p+p {
  margin-top: 16px;
}


/* ========================
   ADVANTAGES
   ======================== */
.advantages {
  padding-bottom: 80px;
}

.advantages__title {
  font-size: 36px;
  line-height: 45px;
  letter-spacing: -0.72px;
  color: #0f1d1e;
  opacity: 0.9;
  margin-bottom: 40px;
}

.advantages__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.advantage-card {
  background: #fff;
  border-radius: 15px;
  padding: 32px 35px 40px;
  min-height: 259px;
}

.advantage-card__icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;

  margin-bottom: 24px;
}

.advantage-card__title {
  font-size: 21px;
  line-height: 26.21px;
  color: #273334;
  margin-bottom: 12px;
}

.advantage-card__desc {
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #5a5550;
}


/* ========================
   FAQ
   ======================== */
.faq {
  padding-bottom: 120px;
}

.faq__grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 0 20px;
  align-items: start;
}

.faq__title {
  font-size: 36px;
  line-height: 45px;
  letter-spacing: -0.72px;
  color: #0f1d1e;
  opacity: 0.9;
}

.faq__list {
  display: flex;
  flex-direction: column;
}

.faq__item {
  border-bottom: 1px solid #e0dbd5;
}

.faq__item:first-child {
  border-top: 1px solid #e0dbd5;
}

.faq__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  cursor: pointer;
  list-style: none;
  gap: 16px;
}

.faq__question::-webkit-details-marker {
  display: none;
}

.faq__question span:first-child {
  font-weight: 700;
  font-size: 21px;
  line-height: 26.21px;
  color: #273334;
}

.faq__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background: #f3efe9;
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1;
  color: #9a938c;
}

.faq__icon {
  transition: transform 0.35s ease;
}

.faq__item[open] .faq__icon {
  transform: rotate(45deg);
}

.faq__answer {
  display: grid;
  grid-template-rows: 0fr;
}

.faq__item[open] .faq__answer {
  grid-template-rows: 1fr;
}


.faq__answer-inner {
  overflow: hidden;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #444;
}

.faq__answer-inner p {
  padding: 0 24px 24px;
}

/* ========================================================
   TABLET — max-width: 1024px
   ======================================================== */
@media (max-width: 1024px) {

  .hero__bg-img {
    left: 30%;
  }
}

/* ========================================================
   MOBILE — max-width: 768px
   ======================================================== */
@media (max-width: 768px) {

  /* HERO */
  .hero {
    height: 403px;
  }

  .hero__bg-img {
    width: 200%;
    left: 20%;
  }

  .hero__content {
    padding-top: 43px;
    max-width: 100%;
  }

  .hero__title {
    font-size: 28px;
    letter-spacing: -0.56px;
  }

  .hero__desc {
    max-width: 240px;
  }

  /* ARTICLE */
  .article__grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .article__img-col {
    grid-row: auto;
  }

  .article__img {
    aspect-ratio: 340 / 451;
  }

  .article__title {
    font-size: 28px;
    line-height: 35px;
    letter-spacing: -0.56px;
  }

  .article__text-col h3 {
    font-size: 24px;
  }

  /* ADVANTAGES */
  .advantages__title {
    font-size: 28px;
    line-height: 35px;
    letter-spacing: -0.56px;
  }

  .advantages__grid {
    grid-template-columns: repeat(6, 289px);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 18px;
    padding-bottom: 8px;
    margin-right: -22px;
  }

  .advantage-card {
    scroll-snap-align: start;
    min-height: 342px;
  }

  /* FAQ */
  .faq__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .faq__title {
    font-size: 28px;
    line-height: 35px;
    letter-spacing: -0.56px;
  }

  .faq__question span:first-child {
    font-size: 18px;
  }
}
/* End */


/* Start:/local/templates/main/components/bitrix/catalog.smart.filter/catalog-filter/style.css?17612113745898*/
.catalog .filter-wrapper {
	position: relative;
	display: flex;
	gap: 20px;
	z-index: 1;
}

.catalog .filter-wrapper.-active {
	display: flex;
}

.catalog .filter-wrapper .close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	display: none;
	justify-content: center;
	align-items: center;
}

.catalog .filter-wrapper .close-btn svg {
	width: 20px;
	height: 20px;
}

.catalog .filter-wrapper h6 {
	display: none;
}

.catalog .filter-wrapper .col {
	position: relative;
}

.catalog .filter-wrapper .col .akk-top {
	height: 46px;
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 0 18px 0 22px;
	border-radius: 5px;
	background: #FFF;
	cursor: pointer;
}

.catalog .filter-wrapper .col .akk-top.-active .arrow {
	transform: rotateX(180deg);
}

.catalog .filter-wrapper .col .akk-top span {
	color: #000;
	font-family: var(--font3);
	font-size: 15.975px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.catalog .filter-wrapper .col .akk-top .arrow {
	margin-left: auto;
	transition: 0.3s;
}

.catalog .filter-wrapper .col .akk-bottom {
	position: absolute;
	top: 50px;
	right: 0;
	min-width: 100%;
	display: flex;
	flex-direction: column;
	/* gap: 12px; */
	padding: 10px 16px;
	display: none;
	border-radius: 5px;
	background: #FFF;
	max-height: 400px;
	overflow-y: auto;
}

.catalog .filter-wrapper .col .akk-bottom svg {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 3px 8px;
}

.catalog .filter-wrapper .col .akk-bottom.-active {
	display: flex;
}

.catalog .filter-wrapper .col .akk-bottom p {
	/* color: #000; */
	/* font-family: var(--font3); */
	/* font-size: 15.975px; */
	/* font-style: normal; */
	/* font-weight: 400; */
	/* line-height: normal; */
	/* cursor: pointer; */
	/* white-space: nowrap; */
}

.catalog .filter-btn {
	width: 31px;
	height: 31px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	display: none;
	background-color: rgba(217, 217, 217, 0.22);
	border-radius: 50%;
}

.catalog .filter-btn svg {
	width: 19px;
	height: 19px;
}


.catalog .filter-wrapper .custom-input {
	position: relative;
}

.catalog .filter-wrapper .custom-input.-radio input,
.catalog .filter-wrapper .custom-input.-check input {
	position: absolute;
	top: 1px;
	left: 1px;
}

.catalog .filter-wrapper .custom-input label {
	display: block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	line-height: 20px;
	white-space: nowrap;
	background: #fff;
	padding: 6px 0 6px 25px;
}

.catalog .filter-wrapper .custom-input.-sort label {
	padding-left: 30px;
}

.catalog .filter-wrapper .custom-input.-radio input + label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: transparent;
	transition: all 0.2s ease;
	background: #debb7f;
	z-index: 1;
}

.catalog .filter-wrapper .custom-input.-radio input + label::after {
	content: '';
	position: absolute;
	left: 5px;
	top: 13px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: transparent;
	transition: all 0.2s ease;
	background: #debb7f;
	/* background: #c75b2d; */
	z-index: 2;
}

.catalog .filter-wrapper .custom-input.-radio input:checked + label::before {
	background: #c75b2d;
}

.catalog .filter-wrapper .custom-input.-radio input:checked + label::after {
	background: #fcf9f3;
}

.catalog .filter-wrapper .custom-input.-check input + label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 18px;
	height: 18px;
	background-color: transparent;
	transition: all 0.2s ease;
	background: #debb7f;
	z-index: 1;
	border-radius: 5px;
}

.catalog .filter-wrapper .custom-input.-check input + label::after {
	content: '';
	position: absolute;
	left: 5px;
	top: 13px;
	width: 7px;
	height: 4px;
	background-color: transparent;
	transition: all 0.2s ease;
	border-left: 2px solid #debb7f;
	border-bottom: 2px solid #debb7f;
  z-index: 2;
  transform: rotate(-45deg);
}

.catalog .filter-wrapper .custom-input.-check input:checked + label::before {
	background: #c75b2d;
}

.catalog .filter-wrapper .custom-input.-check input:checked + label::after {
	border-left-color: #fcf9f3;
	border-bottom-color: #fcf9f3;
}

.catalog .filter-labels {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.catalog .filter-labels .filter-label {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 26px;
	padding: 0 26px 0 10px;
	border-radius: 12px;
	background-color: #C75B2D;
	color: #fff;
	font-size: 14px;
}

.catalog .filter-labels .filter-label.-sort .filter-label-name svg {
	display: inline-block;
	vertical-align: middle;
	margin: -2px 0 0 5px;
}

.catalog .filter-labels .filter-label.-sort .filter-label-name svg path {
	fill: #fff;
}

.catalog .filter-labels .filter-label.-hidden {
	display: none;
}

.catalog .filter-labels .filter-label .filter-label-close {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 26px;
	cursor: pointer;
	padding: 0 6px 0 0;
}

.catalog .filter-labels .filter-label .filter-label-close svg {
	stroke: #DEBB7F;
	transition: stroke 0.2s;
}

.catalog .filter-labels .filter-label .filter-label-close svg:hover {
	stroke: #fff;
}

@media (max-width: 992px) {
	
	.catalog .filter-wrapper {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100dvh;
		display: none;
		flex-direction: column;
		padding: 80px 20px;
		background: #FCF9F3;
		z-index: 200;
	}

	.catalog .filter-wrapper .close-btn {
		display: flex;
	}

	.catalog .filter-wrapper h6 {
		display: block;
		color: #0F1D1E;
		font-size: 32px;
		font-style: normal;
		font-weight: 700;
		line-height: 109%;
		letter-spacing: -0.64px;
		opacity: 0.9;
	}

	.catalog .filter-wrapper .col .akk-bottom {
		position: static;
		margin-top: 5px;
	}

	.catalog .filter-btn {
		display: flex;
	}
	
}
/* End */


/* Start:/local/templates/main/components/bitrix/news.list/catalog-list-by-group/style.css?17615550592888*/
/* catalog-list */

.catalog .catalog-list {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 40px 20px;
}

.catalog-list-no-goods {
	margin: 40px 0 0;
}

.catalog .catalog-list .catalog-list__item {
	position: relative;
}

.catalog .catalog-list .catalog-list__item a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}

.catalog .catalog-list .catalog-list__item .img-wrapper {
	position: relative;
	width: 100%;
	/* height: auto; */
	height: 0;
	padding: 0 0 97%;
	flex-shrink: 0;
	/* padding: 20px; */
	border-radius: 20px;
	overflow: hidden;
	/* aspect-ratio: 330/340; */
	background: #fce3c0;
}

.catalog .catalog-list .catalog-list__item .img-wrapper .badge-list {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	z-index: 1;
}

.catalog .catalog-list .catalog-list__item .img-wrapper .badge-list .badge {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 26px;
	padding: 0 12px;
	font-family: var(--font3);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	border-radius: 15px;
	background: #FBFBFB;
	box-shadow: 0 4px 70px 0 rgba(0, 0, 0, 0.15);
	white-space: nowrap;
}

.catalog .catalog-list .catalog-list__item .img-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.catalog .catalog-list .catalog-list__item .name {
	margin-top: 16px;
	color: #0F1D1E;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: 124%;
	letter-spacing: -0.42px;
	opacity: 0.9;
}

.catalog .catalog-list .catalog-list__item .price {
	margin-top: 16px;
	color: #0A1922;
	font-family: var(--font3);
	font-size: 17.25px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.catalog .catalog-list .catalog-list__item .price span {
	font-weight: 700;
}

.catalog .catalog-list .catalog-list__item .price .old {
	text-decoration: line-through;
	font-size: 90%;
	opacity: 0.7;
}


@media (max-width: 768px) {
	
	.catalog .catalog-list {
		margin-top: 30px;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
	}
	
}

@media (max-width: 600px) {
	
	.catalog .catalog-list .catalog-list__item .img-wrapper {
		/* padding: 10px; */
		border-radius: 10px;
	}

	.catalog .catalog-list .catalog-list__item .img-wrapper .badge-list {
		top: 10px;
		left: 10px;
		right: 10px;
		gap: 5px;
	}

	.catalog .catalog-list .catalog-list__item .img-wrapper .badge-list .badge {
		height: 16px;
		padding: 0 10px;
		color: #E31E41;
		font-size: 7.372px;
		border-radius: 8px;
	}

	.catalog .catalog-list .catalog-list__item .name {
		margin-top: 10px;
		font-size: 15.099px;
		line-height: 132%;
		letter-spacing: -0.302px;
	}

	.catalog .catalog-list .catalog-list__item .price {
		margin-top: 12px;
		font-size: 12px;
	}
	
}
/* End */


/* Start:/local/templates/main/components/bitrix/system.pagenavigation/show_more/style.css?1759780399443*/
.catalog .more-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 60px;
	margin-top: 50px;
	border-radius: 8px;
	border: 1px solid #C75B2D;
	text-decoration: none;
}

.catalog .more-btn span {
	color: #C75B2D;
	font-family: var(--font2);
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: 156.523%;
}

@media (max-width: 600px) {
	
	.catalog .more-btn {
		margin-top: 20px;
	}
	
}
/* End */
/* /local/templates/main/css/prutok_css.css?17746062726098 */
/* /local/templates/main/components/bitrix/catalog.smart.filter/catalog-filter/style.css?17612113745898 */
/* /local/templates/main/components/bitrix/news.list/catalog-list-by-group/style.css?17615550592888 */
/* /local/templates/main/components/bitrix/system.pagenavigation/show_more/style.css?1759780399443 */