/* Start:/bitrix/templates/kosatka-adaptive/components/bitrix/catalog.element/kosatka/style.css?179256880111587*/
.ingridients {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 24px;
}
@media(max-width: 700px) {
	.ingridients {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
		margin-bottom: 24px;
	}
}
@media(max-width: 700.1px) {
	.ingridients:has(.ingridients__item.active) > .ingridients__item:not(.active)::before {
		content: '';
		background: rgba(255, 255, 255, 0.5);
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		border: 1px solid rgba(255, 255, 255, 0.3);
		border-radius: 16px;
	}
}
.ingridients__item {
	padding: 16px;
	border: 1px solid #607755;
	border-radius: 16px;
	height: 100%;
	position: relative;
	margin: 0 !important;
}
.ingridients_item__popup {
	display: none;
	position: absolute;
	left: 0;
	padding: 16px;
	border-radius: 16px;
	background: #DDE9D6;
	z-index: 2;
	width: 100%;
	text-align: center;
	height: 100px;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	top: 0;
	height: 100%;
	margin-top: 0;
}
.ingridients_item__popup:before {
	content: '';
	border: 1px solid rgba(18, 35, 51, 0.25);
	position: absolute;
	height: 8px;
	width: 0px;
	top: -10px;
	left: 50%;
}
@media(min-width: 700.1px) {
	.ingridients__item:hover > .ingridients_item__popup:not(.item-empty) {
		display: flex;
	}
	.ingridients__item:not(:hover)::before {
		content: '';
		background: rgba(255, 255, 255, 0.5);
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		border: 1px solid rgba(255, 255, 255, 0.3);
		border-radius: 16px;
		opacity: 0;
		transition: .2s all;
	}
	.ingridients:has(.ingridients__item:hover) > .ingridients__item:not(:hover)::before {
		opacity: 1;
	}
}
.ingridients__item p {
	color: rgba(18, 35, 51, 0.8);
	text-align: center;
	font-size: 12px;
	line-height: 135%;
}
@media(max-width: 700px) {
	.ingridients_item__popup {
		top: 0;
		height: 100%;
		margin-top: 0;
	}
	.ingridients__item.active > .ingridients_item__popup {
		display: flex;
	}
	.ingridients:has(.ingridients__item.active) > .ingridients__item:not(.active)::before {
		content: '';
		background: rgba(255, 255, 255, 0.5);
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		border: 1px solid rgba(255, 255, 255, 0.3);
		border-radius: 16px;
	}
	.ingridients__item {
		transition: .1s transform;
	}
	.ingridients__item > img {
		/* transition: .2s all; */
	}
	.ingridients__item.active {
		padding: 0;
		transform: scale(1.07);
	}
	.ingridients__item.active > p {
		display: none;
	}
	.ingridients__item.active > .ingridients_item__popup {
		display: flex;
	}
	.ingridients__item:not(.active) > .ingridients_item__popup {
		display: none;
	}
	.ingridients__item.active > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		max-width: 100%;
		border-radius: 16px;
	}
	.ingridients__item.active > .ingridients_item__popup {
		background: rgba(221, 233, 214, 0.65);
		backdrop-filter: blur(6px);
		padding: 6px;
	}
}
.ingridients__item p {
	color: rgba(18, 35, 51, 1.0);
	font-size: 12px;
	font-weight: 600;
	user-select: none;
}
.slider__preview .vertical-slider {
	height: 100%;
	display: flex;
	overflow: hidden;
	flex-direction: column;
}
.swiper-button-next4,
.swiper-button-prev4 {
	position: relative;
}
.slider__preview {
	flex-direction: column;
	gap: 10px;
}
.swiper-button-next4,
.swiper-button-prev4 {
	left: 0;
}
.slider__preview .swiper-slide {
	height: 83px !important;
}
.sku-selector {}
.sku-selector img {
	width: 42px !important;
	height: 42px !important;
	border-radius: 24px;
	object-fit: cover;
	border: 2px solid transparent;
}
.sku-selector a {
	display: inline-block;
	overflow: hidden;
}
.sku-selector a.active img {
	border: 2px solid #122333;
	padding: 3px;
}
.sku-current-subname {
	color: rgba(18, 35, 51, 0.8);
	font-size: 16px;
	line-height: 18px;
	letter-spacing: -0.32px;
	margin-bottom: 12px;
}
.product-card__shop img {
	vertical-align: middle;
}
.sku-wrapper {
	background-color: #F6F6F6;
	border-radius: 12px;
	margin-bottom: 16px;
	padding: 12px;
}
.product-video {
	object-fit: cover;
	/* width: 100%; */
	margin: 0 auto;
	display: block;
	height: 100%;
}
.slider__preview .swiper-slide {
	overflow: hidden;
}
.swiper-container {
	height: 100%;
}
.product__slider {
	padding-bottom: 0px;
}
.swiper-product .swiper-slide {
	width: 100% !important;
}
.data__filter-btn {
	cursor: pointer;
}
.data__filter-btn.is-active {
	color: #415739;
}
[data-tab] {
	/* доступ к обоим типам элементов */
}
[data-tab][hidden] {
	display: none;
}
/* как browser default, но вдруг сбиты стили */
.data__filter-btn {
	color: rgba(18, 35, 51, 0.65);
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.32px;
	transition: all 0.3s;
	padding: 12px 0;
	cursor: pointer;
	position: relative;
}
.data__filter-btn:not(:last-child) {
	margin-right: 32px;
}
.data__filter-btn.is-active::after {
	animation: ani 0.5s forwards;
	content: "";
	height: 1px;
	width: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(18, 35, 51, 0.8);
}
[data-tab="dop"] p {
	/* color: rgba(18, 35, 51, 0.8); */
	margin-bottom: 16px;
}
@media (max-width: 768px) {
	[data-tab][hidden] {
		display: block !important;
		/* или нужный тебе стиль отображения */
	}
	.data__item + .data__item {
		margin-top: 25px;
	}
	.data__content--media {
		margin-bottom: 10px;
	}
	.ingridients__item[data-empty] {
		border: unset;
		padding: 0px;
		margin: unset;
		align-items: start;
		color: rgba(18, 35, 51, 0.8);
	}
	.data__content--media > .title {
		color: #415739;
	}
}
.product-details__buy-buttons {
	gap: var(--spacing-16);
	display: grid;
}
.catalog-element__panel-bottom .product-details__buy-buttons {
	grid-template-columns: repeat(3, 170px);
	grid-gap: 10px;
	justify-content: center;
	align-items: center;
}
.product-details__buy-buttons {
	grid-template-columns: repeat(2, 170px);
	grid-gap: 10px;
	justify-content: center;
	align-items: center;
}
.product-details__buy-buttons {
	grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 670px) {
	.product-details__buy-buttons {
		width: 90%;
		grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
	}
	.product-details__buy-buttons > :only-child {
		grid-column: 1 / -1;
		width: 75% !important;
		margin: 0 auto;
	}
}
.button_wildberries {
	color: var(--color-white);
	background-color: #be11a5;
}
.product-details__buy-buttons .button {
	/*width: 170px;*/
	height: 70px;
	min-width: auto;
	font-weight: 700;
	font-size: 30px;
	line-height: initial;
	padding: 18px 20px;
	border-radius: 30px;
	display: flex;
	justify-content: center;
}
@media (max-width: 550px) {
	.product-details__buy-buttons .button {
		width: auto;
		height: auto;
		max-height: 45px;
		padding: 9px 0;
	}
}
@media (max-width: 670px) {
	.product-details__buy-buttons .button {
		width: auto;
	}
}
.product-details__buy-buttons .button {
	width: auto;
	height: 100%;
	max-height: 45px;
	padding: 9px 0;
	display: flex;
	align-items: center;
}
@media (max-width: 670px) {
	.product-details__buy-buttons .button {
		width: auto;
	}
}
.button_ozon {
	color: var(--color-white);
	background-color: #0069ff;
}
.button.button_ga {
	background-color: #E0FF1E;
}
.media-info__shops.shops {
	justify-content: center;
	margin-bottom: 10px;
	margin-top: 0px;
}
.ozon_icon {
	width: 66px !important;
}
.product-details__buy-buttons > a {
	color: #fff;
	padding: 7px 15px !important;
}
.button.button_ga {
	color: #000;
	text-align: center;
}
@media (max-width: 950px) {
	.product-details__buy-buttons > a {
		font-size: 22px !important;
	}
	.button.button_ga {
		font-size: 16px !important;
	}
}
@media (max-width: 600px) {
	.product-details__buy-buttons > a {
		font-size: 16px !important;
	}
	.button.button_ga {
		font-size: 14px !important;
	}
}
.info__shops-title {
	width: fit-content;
	padding-bottom: 10px;
}
.info__shops-title > p {
	font-size: 18px;
	color: #415739;
	/*text-transform: uppercase;*/
	font-weight: 500;
}
.media-info__shops.shops {
	flex-direction: column;
}
.product-card__stars span {
	font-size: 26px !important;
	color: #607755;
	cursor: pointer;
	animation: glow-color 1.5s infinite;
}
@keyframes glow-color {
	0%,
	100% {}
	50% {
		color: #8db174;
	}
}
/**/
@media (max-width: 950px) {
	.product-card .media-info__shops-wrapper:not(.sticky) {
		display: none;
	}
}
.product-card__preview_description ul {
	margin-top: 8px;
	margin-bottom: 12px;
	list-style: disc;
	padding-left: 24px;
}
.product-card__left {
	flex: 1 0 auto;
}

/* Green Valley Awards: бейдж рядом с NEW/BEST на странице товара. */
.product-card-product__tags {
    overflow: visible;
    z-index: 25;
}

.product-award {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    margin-left: 4px;
    z-index: 1;
}

.product-award.is-hovered,
.product-award.is-open,
.product-award:hover {
    z-index: 50;
}

.product-award__button {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    touch-action: manipulation;
}

.product-award__button:focus-visible {
    outline: 2px solid #415739;
    outline-offset: 3px;
    border-radius: 4px;
}

.product-award__image {
    display: block;
    width: 46px;
    height: 46px;
    max-width: none;
    object-fit: contain;
}

.product-award__tooltip {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    display: none;
    box-sizing: border-box;
    width: 268px;
    max-width: calc(100vw - 32px);
    padding: 12px 14px;
    border: 1px solid rgba(18, 35, 51, .15);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(18, 35, 51, .18);
    color: #122333;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    text-align: left;
    white-space: normal;
    pointer-events: none;
    z-index: 100;
}

/* Открывается по событию мыши либо по клику/тапу. */
.product-award.is-hovered > .product-award__tooltip,
.product-award.is-open > .product-award__tooltip,
.product-award__button:focus-visible + .product-award__tooltip {
    display: block;
}

/* CSS-подстраховка: наведение работает и до инициализации JS. */
@media (hover: hover) {
    .product-award:hover > .product-award__tooltip {
        display: block;
    }
}

/* На телефоне подсказка появляется возле награды, а не внизу экрана.
   JS выбирает сторону от иконки и удерживает подсказку в пределах окна. */
@media (hover: none), (max-width: 600px) {
    .product-award__tooltip {
        position: fixed;
        inset: auto;
        top: var(--award-popover-top, 12px);
        left: var(--award-popover-left, 12px);
        width: var(--award-popover-width, 250px);
        max-width: calc(100vw - 24px);
        transform: none;
    }
}

/* End */
/* /bitrix/templates/kosatka-adaptive/components/bitrix/catalog.element/kosatka/style.css?179256880111587 */