

/* Start:/local/templates/main/components/dezzie/news/catalog.2024/bitrix/news.detail/.default/style.css?17645213947936*/
.detail-element {
	color:#58311b;
}
.detail-name {
	text-align:center;
	padding: 30px 0;
	font-size: 34px;
	font-weight:bold;
	font-family: 'Market Fresh', sans-serif; 
	text-transform: uppercase;	
}
.detail-mark {
	position:relative;
	text-align: center;
	margin-bottom:30px;
}
.detail-mark img {
	max-width: 75%;
}
.detail-mark span {
	position:absolute;
	left:0;
	right:0;
    font-family: 'Market Fresh', sans-serif;
    top: 3px;
    font-size: 22px;
	font-weight:bold;
	color: #f5f3e7;
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.detail-taste {
	font-size: 24px;
	font-weight:bold;
	text-align:center;
	font-family: 'Market Fresh', sans-serif;
	margin-bottom:30px;
}
.detail-picture img:hover, .detail-picture-backside img:hover {
	cursor: zoom-in;
}
.detail-picture {}
.detail-picture-backside {}
.detail-text {
	font-weight: 500;
    font-size: 20px;
}
.detail-taste-image {
	text-align:center;
}
.detail-packing-selector {}






.feed-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 15px;
	margin-bottom: 30px;
}

.feed-flex__item {
    margin: 10px 5px auto;
    padding: 5px;
    cursor: pointer
}


.feed-flex__item.active .feed-flex__entry {
    background: #087d21;
	outline:2px solid #ffffff;
	outline-offset: -5px;
}

.feed-flex__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.feed-flex__entry {
	background: rgb(240,212,168);
	background: linear-gradient(130deg, rgba(240,212,168,1) 0%, rgba(228,180,114,1) 100%);
    font-size: 16px;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    text-transform: uppercase;
	border-radius: 10px;
	outline:2px solid #58311b;
	outline-offset: -5px;
	padding: 10px;
	font-family: 'Market Fresh', sans-serif;
	font-weight:bold;
}

.feed-flex__line {
    background: #fff;
    width: 100%;
    height: 6px;
    margin: 4px 0
}


.feed-flex__value_last {
    margin-right: 0
}
.feed-pay .feed-pay__price-block {
	font-family: 'Market Fresh', sans-serif;
	font-size: 30px;
    font-weight: bold;
	display: flex;
	justify-content: center;
}
.feed-pay .feed-pay__price {
	text-align: center;
    font-size: 36px;
    color: #087d21;
}
.feed-pay .feed-pay__label-text {
    text-align: center;
    font-size: 30px;
    font-family: 'Market Fresh', sans-serif;
    text-transform: uppercase;
	margin-bottom:10px;
}
.feed-pay .feed-pay__weight.feed-flex__value {
    text-align: center;
    font-size: 36px;
    color: #087d21;
}
.feed-container__entry .feed-pay {
    padding: 36px 10px;
    display: flex;
    flex-direction: column;
}
.feed-pay__label {
    margin-bottom:30px;
}

.packing-weight {
	color: #58311b;
	padding-right: 7px;
}
.packing-weight-value {
	color: #087d21;
	margin-right:15px;
}
.packing-article {
	color: #58311b;
	padding-right: 7px;
}
.packing-article-value {
	color: #087d21;
}
.packing-barcode {
	color: #58311b;
	padding-right: 7px;
}
.packing-barcode-value {
	color: #087d21;
}


.feed-flex__item.active .packing-weight {
	color: #f5d6a0;
}
.feed-flex__item.active .packing-weight-value {
	color: #ffffff;
}
.feed-flex__item.active .packing-article {
	color: #f5d6a0;
}
.feed-flex__item.active .packing-article-value {
	color: #ffffff;
}
.feed-flex__item.active .packing-barcode {
	color: #f5d6a0;
}
.feed-flex__item.active .packing-barcode-value {
	color: #ffffff;
}



.feed-pay__btn {
	display:flex;
}

.feed-pay__price-block span {
	text-align: center;
    font-size: 36px;
	color: #087d21;
}
.price-divider {
	padding: 0 10px;
}
.feed-pay__btn {
	width: 100%;
	margin-bottom: 30px;
}
.feed-pay__btn a {
	background: rgb(240,212,168);
	background: linear-gradient(130deg, rgba(240,212,168,1) 0%, rgba(228,180,114,1) 100%);
	width: 33.33333%;
    font-size: 16px;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    text-transform: uppercase;
	border-radius: 10px;
	padding: 5px;
	margin: 0 5px;
	color:#ffffff;
}
.feed-pay__btn a:hover {
	text-decoration: underline;
	color:#ffffff !important;
}
span.ozon-btn, span.wb-btn, span.yandex-btn, span.sber-btn {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
	border:2px solid #58311b;
	padding: 5px;
	font-weight:bold;
	font-family: 'Market Fresh', sans-serif;

}
span.wb-btn {
	background-color: #c42085;
}
span.ozon-btn {
	background-color: #005fac;
}
span.yandex-btn {
	background-color: #e3b900;
}
span.sber-btn {
	background: rgb(44,168,113);
    background: linear-gradient(48deg, rgba(44,168,113,1) 0%, rgba(102,38,144,1) 35%, rgba(102,38,144,1) 50%, rgba(102,38,144,1) 65%, rgba(203,134,36,1) 100%);
}
.detail-composition-title {
	margin-bottom:20px;
	font-family: 'Market Fresh', sans-serif;
	font-size: 22px;
	font-weight: bold;
}
.detail-composition {
	margin-bottom:40px;
	font-weight: 500;
    font-size: 20px;
}
.detail-tabs {
	display: flex;
    justify-content: center;
}
.tab-content {
	padding: 10px 30px 30px 30px;
	font-weight: 500;
    font-size: 20px;
	color: #58311b;
}
.tab-pane table {
	margin: 0 auto;
}
.tab-pane table td p {
	margin-bottom: 0;
}
.tab-pane table tbody,.tab-pane table tbody td, .tab-pane table tbody tfoot, .tab-pane table tbody th, .tab-pane table tbody thead, .tab-pane table tbody tr {
	border: 1px solid #58311b ;
	text-align:center;
	padding: 5px;
}
.tab-pane#granule-tab {
	text-align:center;
}
.detail-tabs .nav-link {
	background: rgb(240,212,168) !important;
	background: linear-gradient(130deg, rgba(240,212,168,1) 0%, rgba(228,180,114,1) 100%) !important;
    padding: 10px;
    min-width: 200px;
    margin: 0 15px;
    text-transform: uppercase;
    font-weight: bold;
	color:#58311b;
	transition: unset;
	margin-bottom:15px;
}
.detail-tabs .nav-link.active, .nav-pills .show>.nav-link, .detail-tabs .nav-link:hover {
    color:#ffffff !important;
    background:#087d21 !important;
}
.nav-pills .nav-link {
	font-family: 'Market Fresh', sans-serif;
}

@media (max-width: 1024px) {
	.detail-mark span {
		font-size: 19px;
	}
}
@media (max-width: 768px) {
	
	.detail-mark span {
		font-size: 14px;
	}
	.detail-mark {
		margin-bottom:25px;
	}
	.detail-name {
		padding: 20px 0;
	}
}
@media (max-width: 576px) {
	.detail-mark span {
		font-size: 16px;
	}
	.detail-mark {
		margin-bottom:15px;
	}
	.detail-name {
		padding: 10px 0;
	}
	.feed-pay .feed-pay__label-text {
		font-size: 22px;
		font-weight: bold;
	}
	.feed-pay .feed-pay__price-block, .feed-pay .feed-pay__price, .feed-pay__price-block span, .feed-pay .feed-pay__weight.feed-flex__value {
		font-size: 30px;
	}
	.feed-pay__btn {
		max-width: 220px;
		margin: 0 auto;
	}
	.tab-pane table {
		margin: 0 auto;
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
}
@media (max-width: 375px) {
	.detail-mark span {
		font-size: 14px;
	}
}
@media (max-width: 350px) {
	.detail-mark span {
		font-size: 12px;
	}
}
@media (max-width: 320px) {
	.detail-mark span {
		font-size: 12px !important;
	}
}

.catalog-list__btn {
  margin: 30px 0 80px;
  display: flex;
  justify-content: center;
}
.btn.btn_light {
  background: linear-gradient(130deg, rgba(240,212,168,1) 0%, rgba(228,180,114,1) 100%) !important;
  padding: 10px 25px;
  transition: 0.2s ease;
}
.btn.btn_light:hover {
  color: #ffffff !important;
  background: #087d21 !important;
}

.detail-picture {
  position: relative;
}
.detail-picture__coming-soon {
  position: absolute;
  pointer-events: none;
}
.detail-picture__coming-soon.horizontal {
  top: 20px;
  left: 52px;
  width: 356px;
}
.detail-picture__coming-soon.vertical {
  width: 205px;
  left: 125px;
  top: -6px;
}

/* End */
/* /local/templates/main/components/dezzie/news/catalog.2024/bitrix/news.detail/.default/style.css?17645213947936 */
