/* Start:/local/templates/main-responsive/components/bitrix/catalog/nii/assets/css/ui.css?175015880718995*/
html.iOs {
    height: -webkit-fill-available;
    min-height: 100vh;
}

body {
    font-weight: 400;
    color: var(--light-primary);
}

.iOs body.modal-open {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 100vh;
    min-height: -webkit-fill-available;
}

@media (hover:none) {
    .js-hover-detect{
        display: none;
    }
}

.bx-no-touch .js-custom-cursor,
.bx-no-touch .js-custom-cursor  a,
.bx-no-touch .js-custom-cursor  button {
    cursor: none !important;
}

h2 {
    font-family: 'Villula', Helvetica, Arial, sans-serif;
    font-weight: 400;
}

@media (min-width: 1024px) {
    .btn_text._desktop-lg {
        font-size: 17px;
        line-height: 1.2;
    }
}

@media (max-width: 1023px) {
    .btn_text._tablet-md {
        font-size: 15px;
        line-height: 1.2;
    }
    .btn_text._tablet-sm {
        font-size: 13px;
        line-height: 1.2;
    }
}

@media (max-width: 767px) {
    .btn_text._mobile-sm {
        font-size: 13px;
        line-height: 1.2;
    }
    .rtext._mobile-sm {
        font-size: 13px;
        line-height: 1.2;
    }
}

/* MARK: Header */
._niiEdy .LP_Header__Inner,
._niiRegion .LP_Header__Inner {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
    padding: 7px 0px;
}
._niiRegion .HeaderATDToggler._type .HeaderATDToggler__Link{
    color: var(--light-primary);
}
._niiRegion .UniversMainIcBtn._cart.DeliveryBasket__stateEmpty:hover{
    color: var(--green600);
}
._niiRegion .LP_Header .UniversMainIcBtn._cart .UniversMainIcBtn__Img._cart-full{
    display: none;
}
._niiRegion .LP_Header .UniversMainIcBtn._cart .UniversMainIcBtn__Img._cart-empty {
    display: block;
}

@media (any-hover: hover){
	._niiRegion .LP_Header .UniversMainIcBtn._cart:not(.DeliveryBasket__stateEmpty):hover .UniversMainIcBtn__Img._cart-empty {
        display: none;
    }
	._niiRegion .LP_Header .UniversMainIcBtn._cart:not(.DeliveryBasket__stateEmpty):hover .UniversMainIcBtn__Img._cart-full {
        display: block;
    }
	._niiRegion .HeaderATDToggler._type .HeaderATDToggler__Link:hover{
		color: var(--green600);
	}
}

@media (max-width: 1279px) {
	._niiEdy .LP_Header__Logo,
	._niiRegion .LP_Header__Logo {
		margin-right: 6px;
	}
	._niiEdy .HeaderATDToggler + .HeaderATDToggler,
	._niiRegion .HeaderATDToggler + .HeaderATDToggler {
		margin-left: 6px;
	}
	._niiEdy .HeaderATDToggler + .HeaderATDToggler:before,
	._niiRegion .HeaderATDToggler + .HeaderATDToggler:before {
		left: -4px;
	}
	._niiEdy .LP_Header__Inner,
	._niiRegion .LP_Header__Inner {
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
	}
}

@media (max-width: 1023px) {
    ._niiEdy .LP_Header__Inner,
    ._niiRegion .LP_Header__Inner {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
        padding-block: 0 8px;
    }
}

.VV24_NII > section:first-of-type,
.VV24_NIIRegion > section:first-of-type {
    overflow: hidden;
}
.VV24_NII_BreadcrumbsWrapper {
    position: relative;
}
.VV24_NII_Logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 11px;
}
.LP_Header .vv-icon {
    color: var(--green500);
}
.LP_Header .lvl-one-icon {
    color: #000;
}
.LP_Header._light .vv-icon,
.LP_Header._light .lvl-one-icon {
    color: var(--white);
}

/* MARK: Breadcrumbs */
.VV24_NII_Breadcrumbs {
    position: absolute;
    top: 74px;
    left: 21px;
}
.VV24_NII_Breadcrumbs__List {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    min-height: 34px;
    margin: 0;
    padding: 6px 16px;
    list-style: none;
    border-radius: 40px;
    background-color: rgba(255, 255, 255, 0.80);
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
}
.VV24_NII_Breadcrumbs__Item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    margin-bottom: 0;
}
.VV24_NII_Breadcrumbs__Item:not(:last-child)::after {
    content:'';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--green500);
}
.VV24_NII_Breadcrumbs__Link {
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    color: var(--green500);
    -webkit-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}
span.VV24_NII_Breadcrumbs__Link {
    pointer-events: none;
}

@media (any-hover: hover){
    .VV24_NII_Breadcrumbs__Link:hover{
        color: var(--gray900);
    }
}

@media (max-width: 1023px) {
    .VV24_NII_Breadcrumbs {
        top: 104px;
        left: 26px;
    }
}

@media (max-width: 767px) {
    .VV24_NII_Breadcrumbs {
        top: 84px;
        left: 10px;
    }
}

/* MARK: Лаборатория */
.VV24_NII_Laboratory {
    margin-bottom: 100px;
}
._niiRegion .VV24_NII_Laboratory {
    margin-bottom: 80px;
}
.VV24_NII_Laboratory__Wrapper {
    max-width: 1080px;
    margin-inline: auto;
}
.VV24_NII_Laboratory__Title {
    margin-bottom: 40px;
    text-align: center;
}
.VV24_NII_Laboratory__Grid {
    display: -ms-grid;
    display: grid;
    /* -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(4, 1fr); */
	-ms-grid-columns: calc(25% - 15px) 20px calc(25% - 15px) 20px calc(25% - 15px) 20px calc(25% - 15px);
    grid-template-columns: repeat(4, calc(25% - 15px));
	gap: 20px;
}
.VV24_NII_Laboratory_Card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 8px;
}

/* _size */
.VV24_NII_Laboratory_Card._size50 {
    grid-column: auto / span 2;
}
.VV24_NII_Laboratory_Card._size25 {
    grid-column: auto / span 1;
}

/* _order */
.VV24_NII_Laboratory_Card._order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.VV24_NII_Laboratory_Card._order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.VV24_NII_Laboratory_Card._order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}
.VV24_NII_Laboratory_Card._order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
}
.VV24_NII_Laboratory_Card._order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
}

.VV24_NII_Laboratory_Card__ImgWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 20px;
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.VV24_NII_Laboratory_Card__ImgWrapper::before {
    content: '';
    position: absolute;
    inset: 0;
    display: block;
}
._size50 .VV24_NII_Laboratory_Card__ImgWrapper {
    aspect-ratio: 530 / 243;
}
._size25 .VV24_NII_Laboratory_Card__ImgWrapper {
    aspect-ratio: 255 / 243;
}

@media (any-hover: hover){
    .VV24_NII_Laboratory_Card__ImgWrapper:hover .VV24_NII_Laboratory_Card__Img {
        -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
                transform: scale(1.05);
    }
}

.VV24_NII_Laboratory_Card__Img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: -webkit-transform 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    will-change: transform;
}
.VV24_NII_Laboratory_Card__Info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 2px;
}
.VV24_NII_Laboratory_Card__Status {
    text-transform: uppercase;
}
.VV24_NII_Laboratory_Card__Title {
    max-width: 328px;
    font-weight: 500;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    letter-spacing: unset;
}

@media (max-width: 1023px) {
    .VV24_NII_Laboratory {
        margin-bottom: 80px;
    }
	._niiRegion .VV24_NII_Laboratory {
		margin-bottom: 74px;
	}
    .VV24_NII_Laboratory__Wrapper {
        max-width: 664px;
    }
    .VV24_NII_Laboratory__Title {
        margin-bottom: 24px;
    }
    .VV24_NII_Laboratory__Grid {
		-ms-grid-columns: calc(25% - 6px) 8px calc(25% - 6px) 8px calc(25% - 6px) 8px calc(25% - 6px);
    	grid-template-columns: repeat(4, calc(25% - 6px));
        gap: 18px 8px;
    }
    ._size50 .VV24_NII_Laboratory_Card__ImgWrapper {
        aspect-ratio: 328 / 158;
    }
    ._size25 .VV24_NII_Laboratory_Card__ImgWrapper {
        aspect-ratio: 159 / 158;
    }
    .VV24_NII_Laboratory_Card__Title {
        max-width: 294px;
        font-size: 17px;
        line-height: 1.2;
    }
}

@media (max-width: 767px) {
    .VV24_NII_Laboratory {
        margin-bottom: 64px;
    }
	._niiRegion .VV24_NII_Laboratory {
        margin-bottom: 78px;
    }
    .VV24_NII_Laboratory__Wrapper {
        max-width: clamp(340px, 90%, 450px);
        padding-inline: 6px;
    }
    .VV24_NII_Laboratory__Title {
        margin-bottom: 22px;
    }
    .VV24_NII_Laboratory__Grid {
        /* -ms-grid-columns: 1fr 8px 1fr;
        grid-template-columns: repeat(2, 1fr); */
		grid-auto-flow: dense; /* грид элемент стремится занять пустое место */
		-ms-grid-columns: calc(50% - 4px) 8px calc(50% - 4px);
    	grid-template-columns: repeat(2, calc(50% - 4px));
        gap: 18px 8px;
    }
    .VV24_NII_Laboratory_Card__ImgWrapper {
        border-radius: 16px;
    }
    .VV24_NII_Laboratory_Card__Info {
        row-gap: 4px;
    }
}

/* MARK: Курсор */
.Cursor {
    position: fixed;
    width: 140px;
    height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    pointer-events: none;
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: -webkit-transform 0.1s linear;
    -o-transition: transform 0.1s linear;
    transition: transform 0.1s linear;
    transition: transform 0.1s linear, -webkit-transform 0.1s linear;
    z-index: 100000000;
}

@media (any-hover: none) {
    .Cursor {
        display: none;
    }
}

.Cursor._inited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
}
.Cursor ._hidden {
    display: none;
}
.Cursor__Inner {
    width: 140px;
    height: 140px;
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, -webkit-transform 0.1s linear;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, -webkit-transform 0.1s linear;
    -o-transition: transform 0.1s linear, width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: transform 0.1s linear, width 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: transform 0.1s linear, width 0.3s ease-in-out, height 0.3s ease-in-out, -webkit-transform 0.1s linear;
}
.Cursor__Inner .Cursor__Bg:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--light-primary);
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.Cursor__Inner._click-on-me ._default,
.Cursor__Inner._rostov ._default,
.Cursor__Inner._tatarstan ._default,
.Cursor__Inner._central-russia ._default,
.Cursor__Inner._karelia ._default,
.Cursor__Inner._kamchatka ._default {
    opacity: 0;
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}
.Cursor__Inner ._click-on-me,
.Cursor__Inner ._rostov,
.Cursor__Inner ._tatarstan,
.Cursor__Inner ._central-russia,
.Cursor__Inner ._karelia,
.Cursor__Inner ._kamchatka {
    opacity: 0;
	-webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}
.Cursor__Inner._click-on-me ._click-on-me {
    opacity: 1;
	-webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
}
.Cursor__Inner._rostov ._rostov {
    opacity: 1;
}
.Cursor__Inner._tatarstan ._tatarstan {
    opacity: 1;
}
.Cursor__Inner._central-russia ._central-russia {
    opacity: 1;
}
.Cursor__Inner._karelia ._karelia {
    opacity: 1;
}
.Cursor__Inner._kamchatka ._kamchatka {
    opacity: 1;
}
.Cursor__Inner._dot {
    width: 8px;
    height: 8px;
    -webkit-box-shadow: 0 0 0 2px #F1F2F0;
            box-shadow: 0 0 0 2px #F1F2F0;
    border-radius: 50%
}
.Cursor__Inner._dot ._default,
.Cursor__Inner._dot ._rostov,
.Cursor__Inner._dot ._tatarstan,
.Cursor__Inner._dot ._central-russia,
.Cursor__Inner._dot ._karelia,
.Cursor__Inner._dot ._kamchatka {
    opacity: 0;
}
.Cursor__Inner._dot .Cursor__Bg:after {
    opacity: 1;
}
.Cursor__Bg {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.Cursor__Text {
    position: absolute;
    max-width: 100%;
    height: auto;
    -webkit-animation: cursor-image 20s linear infinite;
            animation: cursor-image 20s linear infinite;
}
.Cursor__Text._default {
    width: 117px;
}
.Cursor__Text._default._point-to-product {
    width: 128px;
}
.Cursor__Text._rostov {
    width: 116px;
}
.Cursor__Text._tatarstan {
    width: 117px;
}
.Cursor__Text._central-russia {
    width: 116px;
}
.Cursor__Text._karelia {
    width: 117px;
}
.Cursor__Text._kamchatka {
    width: 116px;
}

@-webkit-keyframes cursor-image {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes cursor-image {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

/* MARK: Comments */
.VV24_NII_Comments {
	margin-bottom: 64px;
}
.VV24_NII_Comments__Text {
	max-width: 615px;
	margin-inline: auto;
	margin-bottom: 40px;
	text-align: center;
}
.VV24_NII_Comments__Title {
	margin-bottom: 16px;
}
.VV24_NII_Comments__Description {
	font-weight: 400;
	font-size: 18px;
	line-height: 133.333%;
}

.VV24_NII_Comments .CommentForm__submit:hover {
    color: var(--white) !important;
}

@media (max-width: 1023px) {
	.VV24_NII_Comments {
		margin-bottom: 64px;
	}
}

@media (max-width: 767px) {
	.VV24_NII_Comments {
		margin-bottom: 40px;
	}
	.VV24_NII_Comments__Text {
		max-width: clamp(340px, 90%, 450px);
		margin-bottom: 30px;
	}
	.VV24_NII_Comments__Title {
		margin-bottom: 10px;
	}
	.VV24_NII_Comments__Description {
		font-weight: 400;
		font-size: 16px;
		line-height: 125%;
	}
}

/* MARK: Footer */
.VV24_NII_Footer {
    border-top: 1px solid var(--light-outline);
    padding: 32px 0 42px;
}
.VV24_NII_Footer__Row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    row-gap: 32px;
}
.VV24_NII_Footer__Row:not(:last-child) {
    margin-bottom: 32px;
}
.VV24_NII_Footer__Link {
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3px;
    -webkit-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}

@media (any-hover: hover){
    .VV24_NII_Footer__Link:hover{
        color: var(--green600);
    }
}
.VV24_NII_Footer__Social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.VV24_NII_Footer .SocialItem {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background-color: var(--white);
    color: var(--green500);
    fill: var(--green500);
}
.VV24_NII_Footer .SocialItem:hover svg {
    fill: var(--green400);
}
.VV24_NII_Footer .SocialItem .SvgIcon {
    -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85);
}
.VV24_NII_Footer .SocialItem .SvgIcon--social-vkontakte {
    width: 28px;
    height: 28px;
}
.VV24_NII_Footer .SocialItem .SvgIcon--social-telegram {
    width: 32px;
    height: 32px;
}
.VV24_NII_Footer .SocialItem .SvgIcon--social-yadzen {
    width: 32px;
    height: 32px;
}
.VV24_NII_Footer .SocialItem .SvgIcon--social-whatsapp {
    width: 24px;
    height: 24px;
}

@media (max-width: 1279px) {
	.VV24_NII_Footer__Link {
        display: inline-block;
		max-width: 560px;
	}
}

@media (max-width: 1023px) {
    .VV24_NII_Footer {
        padding: 24px 0 18px;
    }
    .VV24_NII_Footer__Row:not(:last-child) {
        margin-bottom: 22px;
    }
    .VV24_NII_Footer__Link {
        line-height: 120% !important;
    }
}

@media (max-width: 767px) {
    .VV24_NII_Footer {
        padding: 32px 14px 24px;
    }
    .VV24_NII_Footer__Row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
        row-gap: 22px;
    }
    .VV24_NII_Footer__Row:last-child {
        row-gap: 4px;
    }
    .VV24_NII_Footer__Row:not(:last-child) {
        margin-bottom: 53px;
    }
}
/* End */


/* Start:/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/css/style.css?173927600218789*/
/* хлебные крошки */
.VV24_NIIRegion .VV24_NII_BreadcrumbsWrapper {
    z-index: 20;
}

@media (any-hover: hover){
	.VV24_NIIRegion .VV24_NII_Breadcrumbs::before {
		content:'';
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 50px;
		-webkit-transform: translateY(-100%);
		    -ms-transform: translateY(-100%);
		        transform: translateY(-100%);
	}
}

@media (max-width: 1023px) {
    .VV24_NIIRegion .VV24_NII_Breadcrumbs {
        top: 109px;
        left: 26px;
    }
}

@media (max-width: 767px) {
    .VV24_NIIRegion .VV24_NII_Breadcrumbs {
        top: 94px;
        left: 10px;
    }
}

/* MARK: Preview */
.VV24_NIIKareliya {
	position: relative;
    margin-bottom: 64px;
    color: var(--light-fixed-black);
    background-color: #cee5f9; 
	overflow: hidden;
}
.VV24_NIIKareliya::before,
.VV24_NIIKareliya::after {
	--decop-position: calc(50vw - 614px - 404px / 2);

	content:'';
	right: var(--decop-position);
	position: absolute;
	top: 0;
	width: 404px;
	height: 100%;
	background-image:
		-webkit-image-set(
			url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--desktop@2x.webp') type('image/webp') 2x,
			url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--desktop.webp') type('image/webp') 1x,
			url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--desktop@2x.png') 2x,
			url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--desktop.png') 1x
	);
	background-image:
		image-set(
			url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--desktop@2x.webp') type('image/webp') 2x,
			url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--desktop.webp') type('image/webp') 1x,
			url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--desktop@2x.png') 2x,
			url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--desktop.png') 1x
	);
	background-position: top;
    background-repeat: repeat-y;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
}
.VV24_NIIKareliya::before {
	left: var(--decop-position);
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1);
}
.VV24_NIIKareliya__Wrapper._content {
    position: relative;
    display: -ms-grid;
    display: grid;
    place-items: center;
    min-height: 641px;
    padding-block: 114px 20px;
}
.VV24_NIIKareliya__Wrapper._clickables {
	position: absolute;
	inset: 0;
}
.VV24_NIIKareliya__Content {
    position: relative;
    z-index: 4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    text-align: center;
}
.VV24_NIIKareliya__Title {
	max-width: -webkit-min-content;
	max-width: -moz-min-content;
	max-width: min-content;
    margin: 0 0 9px;
    font-size: 86px;
    line-height: 100%;
    text-transform: uppercase; 
    color: var(--light-fixed-black);
    text-align: center;
}
.VV24_NIIKareliya__Description {
	max-width: 460px;
    margin-bottom: 46px;
    font-weight: 400;
    font-size: 32px;
    line-height: 133%;
}
.VV24_NIIKareliya__Button.VV_Button {
    padding: 16px 20px;
    min-width: 241px;
    min-height: 52px;
    font-size: 18px;
    border-radius: 0;
    -webkit-transition: background-color 0.3s ease 0s;
    -o-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s;
}
.VV24_NIIKareliya__Button.VV_Button._pink {
    background-color: var(--berry1);
}

@media (any-hover: hover){
    .VV24_NIIKareliya__Button.VV_Button._pink:hover{
        background-color: var(--berry3)
    }
}

/* MARK: Clickables */
.VV24_NIIKareliya_ClickablesItem {
    position: absolute;
    z-index: 5;
    margin: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	 -ms-user-select: none;
		 user-select: none;
}
.VV24_NIIKareliya_ClickablesItem._opened {
    z-index: 10;
}
.VV24_NIIKareliya_ClickablesItem__Img {
	-webkit-user-select: none;
	-moz-user-select: none;
	 -ms-user-select: none;
		 user-select: none;
}
.VV24_NIIKareliya_ClickablesItem__Img._tablet,
.VV24_NIIKareliya_ClickablesItem__Img._mobile {
    display: none;
}
.VV24_NIIKareliya_ClickablesItem__Popup {
    display: none;

    position: absolute;
    z-index: 7;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
    width: 236px;
	padding: 8px;
}
.VV24_NIIKareliya_ClickablesItem._opened .VV24_NIIKareliya_ClickablesItem__Popup {
	display: block;
}
.VV24_NIIKareliya_ClickablesItem__PopupText {
	position: relative;
	z-index: 3;
	display: block;
    padding: 12px 15px;
    font-size: 12px;
    line-height: 133.333%;
    letter-spacing: 0.24px;
    text-align: center;
	border-radius: 10px;
	overflow: hidden;

	background-color: rgba(255, 255, 255, 0.9);
	-webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.VV24_NIIKareliya_ClickablesItem__PopupTip {
    content:'';
    position: absolute;
    bottom: 0;
	left: 17%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
    display: block;
    width: 20px;
    height: 8px;
    background-color: rgba(255, 255, 255, 0.9);
	-webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='8' viewBox='0 0 20 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 8C13 8 15.9999 0 20 0H0C3.9749 0 7 8 10 8Z' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='8' viewBox='0 0 20 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 8C13 8 15.9999 0 20 0H0C3.9749 0 7 8 10 8Z' fill='white'/%3E%3C/svg%3E");
}

/* пирожок */
.VV24_NIIKareliya_ClickablesItem._pie {
    top: 0px;
	right: 253px;
}
.VV24_NIIKareliya_ClickablesItem._pie .VV24_NIIKareliya_ClickablesItem__Img {
	rotate: -42deg;
}
.VV24_NIIKareliya_ClickablesItem._pie .VV24_NIIKareliya_ClickablesItem__Popup {
	top: 69px;
    left: -259px;
}
.VV24_NIIKareliya_ClickablesItem._pie .VV24_NIIKareliya_ClickablesItem__PopupTip {
    bottom: auto;
	left: auto;
    top: 38%;
    right: -6px;
    rotate: 270deg;
}

/* ягоды */
.VV24_NIIKareliya_ClickablesItem._berry {
    right: 23px;
	bottom: 37px;
}
.VV24_NIIKareliya_ClickablesItem._berry .VV24_NIIKareliya_ClickablesItem__Img {
	rotate: -4deg;
}
.VV24_NIIKareliya_ClickablesItem._berry .VV24_NIIKareliya_ClickablesItem__Popup {
	top: -30px;
    left: 58px;
}
.VV24_NIIKareliya_ClickablesItem._berry .VV24_NIIKareliya_ClickablesItem__PopupTip {
	left: 20%;
}

/* ряпушка */
.VV24_NIIKareliya_ClickablesItem._ryapushka {
    bottom: 0;
	left: 18px;
}
.VV24_NIIKareliya_ClickablesItem._ryapushka .VV24_NIIKareliya_ClickablesItem__Popup {
	top: -105px;
    left: 58px;
	width: 249px;
}
.VV24_NIIKareliya_ClickablesItem._ryapushka .VV24_NIIKareliya_ClickablesItem__PopupTip {
    left: 18%;
}

/* MARK: Cursor */
.Cursor._sticky {
	display: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	 -ms-user-select: none;
		 user-select: none;
}

@media (max-width: 1279px) and (any-hover: none) {
	.Cursor._sticky {
		display: block;
		opacity: 1;
		position: absolute;
		right: 165px;
        bottom: 28px;
		z-index: 10;
	}
}

@media (max-width: 1023px) and (any-hover: none) {
	.Cursor._sticky {
		right: 160px;
        bottom: 44px;
	}
}

@media (max-width: 767px) and (any-hover: none) {
	.Cursor._sticky {
		top: 170px;
        bottom: auto;
        left: calc(120px + (240 - 120) * ((100vw - 360px) / (767 - 360)));
        width: 116px;
        height: 116px;
	}
	.Cursor._sticky .Cursor__Inner {
		width: 100%;
    	height: 100%;
	}
	.Cursor._sticky img {
		width: 96px;
    	height: 96px;
	}
}

@media (min-width: 768px) {
	.VV24_NIIKareliya__Description span {
		display: block;
	}
}

@media (max-width: 1279px) {
	.VV24_NIIKareliya::before,
	.VV24_NIIKareliya::after {
		--decop-position: -177px;
	}
 	.VV24_NIIKareliya_ClickablesItem__Img._desktop {
		display: none;
	}
	.VV24_NIIKareliya_ClickablesItem__Img._tablet {
		display: block;
	}

	/* пирожок */
	.VV24_NIIKareliya_ClickablesItem._pie {
		top: 0px;
    	right: 40px;
	}
	.VV24_NIIKareliya_ClickablesItem._pie .VV24_NIIKareliya_ClickablesItem__Popup {
		top: 72px;
        left: -265px;
	}

	/* ягоды */
	.VV24_NIIKareliya_ClickablesItem._berry {
		right: 2px;
		bottom: 15px;
	}
	.VV24_NIIKareliya_ClickablesItem._berry .VV24_NIIKareliya_ClickablesItem__Popup {
		top: -94px;
        left: 19px;
	}
	.VV24_NIIKareliya_ClickablesItem._berry .VV24_NIIKareliya_ClickablesItem__PopupTip {
		left: 26%;
	}

	/* ряпушка */
	.VV24_NIIKareliya_ClickablesItem._ryapushka {
		left: -51px;
        bottom: -28px;
	}
	.VV24_NIIKareliya_ClickablesItem._ryapushka .VV24_NIIKareliya_ClickablesItem__Popup {
		top: -118px;
        left: 35px;
	}
	.VV24_NIIKareliya_ClickablesItem._ryapushka .VV24_NIIKareliya_ClickablesItem__PopupTip {
		left: 47%;
	}
}

@media (max-width: 1023px) {
    .VV24_NIIKareliya {
		margin-bottom: 64px;
    }
	.VV24_NIIKareliya::before,
	.VV24_NIIKareliya::after {
		--decop-position: 0px;
		width: 99px;
		background-image:
			-webkit-image-set(
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--tablet@2x.webp') type('image/webp') 2x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--tablet.webp') type('image/webp') 1x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--tablet@2x.png') 2x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--tablet.png') 1x
		);
		background-image:
			image-set(
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--tablet@2x.webp') type('image/webp') 2x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--tablet.webp') type('image/webp') 1x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--tablet@2x.png') 2x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--tablet.png') 1x
		);
	}
	.VV24_NIIKareliya__Wrapper._content {
		min-height: 839px;
		padding-block: 50px 20px;
	}
	.VV24_NIIKareliya__Description {
        max-width: 454px;
    }
    .VV24_NIIKareliya__Title {
        margin-bottom: 8px;
        font-size: 64px;
    }
    .VV24_NIIKareliya__Description {
		margin-bottom: 24px;
        letter-spacing: unset;
    }
	.VV24_NIIKareliya__Button.VV_Button {
		min-width: 213px;
	}

	/* MARK: Clickables */
	/* пирожок */
	.VV24_NIIKareliya_ClickablesItem._pie {
		right: 94px;
        top: 11px;
	}
	.VV24_NIIKareliya_ClickablesItem._pie .VV24_NIIKareliya_ClickablesItem__Img {
		rotate: -45deg;
	}
	.VV24_NIIKareliya_ClickablesItem._pie .VV24_NIIKareliya_ClickablesItem__Popup {
		top: 136px;
        left: -270px;
	}

	/* ягоды */
	.VV24_NIIKareliya_ClickablesItem._berry {
        right: 9px;
		bottom: 44px;
	}
	.VV24_NIIKareliya_ClickablesItem._berry .VV24_NIIKareliya_ClickablesItem__Img {
        rotate: -6deg;
	}
	.VV24_NIIKareliya_ClickablesItem._berry .VV24_NIIKareliya_ClickablesItem__Popup {
        top: 58px;
        left: -182px;
	}
	.VV24_NIIKareliya_ClickablesItem._berry .VV24_NIIKareliya_ClickablesItem__PopupTip {
        bottom: auto;
		left: auto;
		top: 38%;
		right: -6px;
		rotate: 270deg;
    }

	/* ряпушка */
	.VV24_NIIKareliya_ClickablesItem._ryapushka {
		bottom: 0px;
        left: -30px;
	}
	.VV24_NIIKareliya_ClickablesItem._ryapushka .VV24_NIIKareliya_ClickablesItem__Popup {
        top: auto;
        bottom: 29px;
        left: 228px;
	}
	.VV24_NIIKareliya_ClickablesItem._ryapushka .VV24_NIIKareliya_ClickablesItem__PopupTip {
		bottom: auto;
		left: auto;
		top: 54%;
		left: -6px;
		rotate: 90deg;
    }
}

@media (max-width: 767px) {
    .VV24_NIIKareliya {
        min-height: 541px;
        margin-bottom: 60px;
		padding-bottom: 10px;
		background-color: unset; 
    }
	.VV24_NIIKareliya::before {
		top: 84px;
		bottom: unset;
        left: 50%;
		-webkit-transform: translateX(-50.5%);
		    -ms-transform: translateX(-50.5%);
		        transform: translateX(-50.5%);
		z-index: 1;
		width: 100vw;
		height: 143px;
		background-image:
			-webkit-image-set(
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--mobile@2x.webp') type('image/webp') 2x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--mobile.webp') type('image/webp') 1x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--mobile@2x.png') 2x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--mobile.png') 1x
		);
		background-image:
			image-set(
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--mobile@2x.webp') type('image/webp') 2x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--mobile.webp') type('image/webp') 1x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--mobile@2x.png') 2x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/decor--mobile.png') 1x
		);
		background-repeat: no-repeat;
	}
	.VV24_NIIKareliya::after {
		display: none;
	}
	.VV24_NIIKareliya__Wrapper._content {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: start;
		min-height: 555px;
		padding-block: 252px 68px;
		background-color: #cee5f9;
	}
	.VV24_NIIKareliya__Wrapper._clickables {
		position: relative;
		width: calc(100% + 20px);
    	margin-inline: -10px;
	}
    .VV24_NIIKareliya__Title {
        margin-bottom: 6px;
        font-size: 46px;
		line-height: 1.1;
    }
    .VV24_NIIKareliya__Description {
		max-width: clamp(284px, 87%, 400px);
        margin-bottom: 24px;
		font-weight: 400;
		font-size: 14px !important;
        line-height: 128% !important;
    }
    .VV24_NIIKareliya__Button.VV_Button {
        padding: 14px;
        min-width: 217px;
        min-height: 44px;
		font-size: 16px;
    }

	/* MARK: Clickables */
	.VV24_NIIKareliya_Clickables {
		position: relative;
		min-height: 840px;
		margin-top: -30px;
		background-image:
			-webkit-image-set(
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/kareliya-preview-bgi--mobile@2x.webp') type('image/webp') 2x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/kareliya-preview-bgi--mobile.webp') type('image/webp') 1x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/kareliya-preview-bgi--mobile@2x.png') 2x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/kareliya-preview-bgi--mobile.png') 1x
		);
		background-image:
			image-set(
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/kareliya-preview-bgi--mobile@2x.webp') type('image/webp') 2x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/kareliya-preview-bgi--mobile.webp') type('image/webp') 1x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/kareliya-preview-bgi--mobile@2x.png') 2x,
				url('/local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/img/preview/kareliya-preview-bgi--mobile.png') 1x
		);
		background-size: 767px 840px;
		background-repeat: no-repeat;
		background-position: center;
	}
	.VV24_NIIKareliya_ClickablesItem__Img._tablet {
		display: none;
	}
	.VV24_NIIKareliya_ClickablesItem__Img._mobile {
		display: block;
	}

	/* пирожок */
	.VV24_NIIKareliya_ClickablesItem._pie {
		top: auto;
		right: auto;
        bottom: -42px;
        left: calc(55px + (208 - 55) * ((100vw - 360px) / (767 - 360)));
    }
	.VV24_NIIKareliya_ClickablesItem._pie .VV24_NIIKareliya_ClickablesItem__Img {
		rotate: -37deg;
	}
	.VV24_NIIKareliya_ClickablesItem._pie .VV24_NIIKareliya_ClickablesItem__Popup {
		top: -62px;
        left: -49px;
    }
	.VV24_NIIKareliya_ClickablesItem._pie .VV24_NIIKareliya_ClickablesItem__PopupTip {
        top: auto;
		right: auto;
        bottom: 0;
		left: 19%;
        rotate: 0deg;
	}

	/* ягоды */
	.VV24_NIIKareliya_ClickablesItem._berry {
        right: calc((-31px) + (58 - (-31)) * ((100vw - 360px) / (767 - 360)));
		bottom: 227px;
	}
	.VV24_NIIKareliya_ClickablesItem._berry .VV24_NIIKareliya_ClickablesItem__Img {
        rotate: -7deg;
    }
	.VV24_NIIKareliya_ClickablesItem._berry .VV24_NIIKareliya_ClickablesItem__Popup {
		top: -35px;
        left: -17px;
	}
	.VV24_NIIKareliya_ClickablesItem._berry .VV24_NIIKareliya_ClickablesItem__PopupTip {
		top: auto;
        right: auto;
		bottom: 0;
		left: 20%;
		rotate: 0deg;
    }

	/* ряпушка */
	.VV24_NIIKareliya_ClickablesItem._ryapushka {
		bottom: auto;
        top: -1px;
        left: calc((-70px) + (50 - (-70)) * ((100vw - 360px) / (767 - 360)));
	}
	.VV24_NIIKareliya_ClickablesItem._ryapushka .VV24_NIIKareliya_ClickablesItem__Popup {
        bottom: auto;
        top: -45px;
		left: 117px;
	}
	.VV24_NIIKareliya_ClickablesItem._ryapushka .VV24_NIIKareliya_ClickablesItem__PopupTip {
		top: auto;
        bottom: 0;
        left: 19%;
        rotate: 0deg;
    }
}
/* End */
/* /local/templates/main-responsive/components/bitrix/catalog/nii/assets/css/ui.css?175015880718995 */
/* /local/templates/main-responsive/components/bitrix/catalog/nii/element/first_screen/kareliya/css/style.css?173927600218789 */