/* Start:/about/encyclopedia_of_packaging/assets/css/encyclopedia.css?178154722414476*/
    html {
        scroll-behavior: smooth;
    }

    section.handbook .search-input__handbook {
        max-width: unset;
    }

    section.handbook .encyclopedia-handbook {}

    section.handbook .encyclopedia-handbook__layout {
        display: flex;
        flex-direction: row;
        gap: 36px;
    }

    section.handbook .handbook-header {
        gap: 32px
    }

    section.handbook .handbook-header .title {
        margin: unset;
    }

    section.handbook .encyclopedia-handbook__col {}

    section.handbook .encyclopedia-handbook__col--sidebar {
        max-width: 256px;
    }

    section.handbook .encyclopedia-handbook__col--main {
        width: 100%;
    }

    section.handbook .encyclopedia-menu {}

    section.handbook .encyclopedia-menu__list {
        padding: unset;
        margin: unset;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    section.handbook .encyclopedia-menu__item {
        list-style: none;
    }

    section.handbook .encyclopedia-menu__link {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #000;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    section.handbook .encyclopedia-menu__link:hover {
        color: var(--green)
    }

    section.handbook .encyclopedia-menu__link span {
        flex: 1
    }

    section.handbook .encyclopedia-menu__link svg {
        fill: #000;
        transition: color 0.3s ease;
    }

    section.handbook .encyclopedia-menu__link:hover svg {
        fill: var(--green)
    }

    section.handbook .encyclopedia-menu__link--active {
        color: var(--green)
    }

    section.handbook .handbook-nav__container {
        gap: 6px
    }

    section.handbook .handbook-nav__item {
        width: 42px;
        height: 42px;
        min-width: unset;
        color: #3E3E3E;
        margin: unset;
        text-align: center;
        font-family: Montserrat;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        text-transform: uppercase;
    }

    section.handbook .encyclopedia-fefco {}

    section.handbook .encyclopedia-fefco__tabs {
        display: flex;
        flex-direction: row;
        gap: 16px;
        flex-wrap: wrap;
        margin-bottom: 24px;
    }

    section.handbook .encyclopedia-fefco__tab {
        color: #4A4A4A;
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        padding: 14px 24px;
        border-radius: 12px;
        border: 1px solid transparent;
        transition: all 0.3s ease;
        background-color: #F5F5F5;
    }

    section.handbook .encyclopedia-fefco__tab:hover {
        border: 1px solid var(--green);
    }

    section.handbook .encyclopedia-fefco__panels {}

    section.handbook .encyclopedia-fefco__panel {
        display: block;
        scroll-margin-top: 24px;
        margin-bottom: 24px;
    }

    section.handbook .encyclopedia-fefco__panel--active {}

    section.handbook .encyclopedia-fefco__panel-inner {}

    section.handbook .encyclopedia-fefco__featured {
        padding: 40px;
        border-radius: 16px;
        background: #F8F5F0;
        margin-bottom: 24px;
    }

    section.handbook .encyclopedia-fefco__featured-layout {
        display: grid;
        grid-template-columns: minmax(0, 386px) 1fr;
        gap: 50px;
        align-items: center;
    }

    section.handbook .encyclopedia-fefco__featured-col {}

    section.handbook .encyclopedia-fefco__featured-col--media {}

    section.handbook .encyclopedia-fefco__featured-col--text {}

    section.handbook .encyclopedia-fefco__featured-picture {
        text-align: center;
    }

    section.handbook .encyclopedia-fefco__featured-img {
        width:auto;
    }

    section.handbook .encyclopedia-fefco__featured-link {
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        margin-bottom: 24px;
        line-height: 120%;
    }

    section.handbook .encyclopedia-fefco__featured-desc {
        color: #8C8C8C;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        margin: unset;
    }

    section.handbook .encyclopedia-fefco__grid {
        padding: unset;
        margin: unset;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
    }

    section.handbook .encyclopedia-documents .encyclopedia-fefco__grid {
        padding: unset;
        margin: unset;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    section.handbook .encyclopedia-fefco__grid-item {
        list-style: none;
        padding: 24px 28px;
        background: #FFFFFF;
        box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.06);
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        text-align: center;
        font-size: 16px;
        font-family: var(--inter);
        color: var(--gray-light);
        line-height: 23.2px;
        transition: 200ms ease all;
    }
    section.handbook .encyclopedia-fefco__grid-item:hover {
        transform: scale(1.04);
    }
    section.handbook .encyclopedia-documents .encyclopedia-fefco__card {
    
    }

    section.handbook .encyclopedia-fefco__card {

    }


    section.handbook .encyclopedia-fefco__card-link {}

    section.handbook .encyclopedia-fefco__card-img {
        display: block;
        margin: 0 auto 16px;
    }

    section.handbook .encyclopedia-documents .encyclopedia-fefco__card-img {
        height: 380px;
        width: 100%;
        object-fit: contain;
        margin-bottom: 16px;
    }

    section.handbook .encyclopedia-documents .encyclopedia-fefco__card-text {

        text-align: center;
        font-size: 16px;
        font-family: var(--inter);
        color: var(--gray-light);
        line-height: 23.2px;
    }

    section.handbook .encyclopedia-fefco__card-text {
        color: #000;
        text-align: center;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        display: block
    }

    section.handbook .encyclopedia-video {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    section.handbook .encyclopedia-video__featured {
        padding: 40px;
        border-radius: 16px;
        background: #F8F5F0;
    }

    section.handbook .encyclopedia-video__featured:nth-child(even) {
        background: #F5F5F5;
    }

    section.handbook .encyclopedia-video__featured-layout {
        display: grid;
        grid-template-columns: minmax(0, 560px) 1fr;
        gap: 40px;
        align-items: center;
    }

    section.handbook .encyclopedia-video__embed {
        position: relative;
        width: 100%;
        max-width: 560px;
        border-radius: 16px;
        overflow: hidden;
        background: #000;
        aspect-ratio: 16 / 9;
    }

    section.handbook .encyclopedia-video__embed iframe {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    section.handbook .encyclopedia-video__title {
        margin: 0 0 24px;
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    section.handbook .encyclopedia-video__desc {
        margin: 0;
        color: #8C8C8C;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    section.handbook .encyclopedia-gost__grid {
        padding: unset;
        margin: unset;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
    }

    section.handbook .encyclopedia-gost__item {
        list-style: none;
    }

    section.handbook .encyclopedia-gost__card {
        width: 100%;
        min-height: 100%;
        padding: 20px 30px;
        border-radius: 16px;
        border: 1px solid transparent;
        background: #F5F5F5;
        text-align: center;
        transition: all 0.3s ease;
        cursor: pointer;
        font: inherit;
    }

    section.handbook .encyclopedia-gost__card:hover {
        border-color: var(--green);
    }

    section.handbook .encyclopedia-gost__image {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 auto 16px;
        object-fit: cover;
    }

    section.handbook .encyclopedia-gost__title {
        display: block;
        min-height: 55px;
        overflow: hidden;
        color: #000;
        text-align: center;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .encyclopedia-gost-modal .modal__body {}

    .encyclopedia-gost-modal__content {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        align-items: start;
    }

    .modal.encyclopedia-gost-modal {
        padding: 40px;
        max-width: 730px;
    }

    .modal.encyclopedia-gost-modal .modal__close {
        top: 40px;
        right: 40px;
    }

    .encyclopedia-gost-modal__image-wrap {}

    .encyclopedia-gost-modal__image {
        display: block;
        width: 100%;
        max-width: 650px;
        margin: 0 auto;
        object-fit: contain;
    }

    .encyclopedia-gost-modal__content .encyclopedia-gost-modal__title {
        color: var(--Text-text-primary, #3E3E3E);
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px;
        margin-bottom: 8px;
        padding: unset;
    }

    .encyclopedia-gost-modal__content .encyclopedia-gost-modal__text {
        color: #3E3E3E;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }

    .encyclopedia-gost-modal__text[hidden] {
        display: none;
    }

    section.handbook .encyclopedia-handbook .nav-string {
        margin-top: 24px
    }

    @media (max-width: 991px) {
        section.handbook .encyclopedia-video__featured-layout {
            grid-template-columns: 1fr;
            gap: 24px;
        }
        section.handbook .encyclopedia-video__embed {
            max-width: none;
        }
        .encyclopedia-gost-modal .modal__body {
            width: 100%;
        }
        .encyclopedia-gost-modal__content {
            grid-template-columns: 1fr;
            gap: 24px;
        }
        .handbook-group__items {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 768px) {
        section.handbook .encyclopedia-gost__card {
            padding: 16px;
        }
        section.handbook .encyclopedia-handbook__layout {
            flex-direction: column;
        }
        section.handbook .encyclopedia-handbook__col--sidebar {
            max-width: unset;
        }
        section.handbook .encyclopedia-fefco__featured-layout {
            grid-template-columns: 1fr;
            gap: 20px;
        }
        section.handbook .encyclopedia-fefco__grid {
            grid-template-columns: repeat(2, 1fr);
        }
        section.handbook .encyclopedia-gost__grid {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        }
        section.handbook .encyclopedia-fefco__tabs {
            gap: 8px;
        }
        section.handbook .encyclopedia-menu__list {
            gap: 12px
        }
        section.handbook .encyclopedia-video,
        section.handbook .encyclopedia-fefco__grid,
        section.handbook .encyclopedia-fefco__featured {
            gap: 16px
        }
        section.handbook .encyclopedia-fefco__tab {
            padding: 8px 16px;
            font-size: 12px;
        }
        section.handbook .encyclopedia-video__title,
        section.handbook .encyclopedia-fefco__featured-link {
            font-size: 16px;
            margin-bottom: 8px;
        }
        section.handbook .encyclopedia-video__desc,
        section.handbook .encyclopedia-fefco__card-link,
        section.handbook .encyclopedia-fefco__featured-desc,
        section.handbook .encyclopedia-menu__link,
        section.handbook .encyclopedia-fefco__card-text,
        section.handbook .encyclopedia-gost__title,
        .encyclopedia-gost-modal__text,
        section.handbook .encyclopedia-fefco__featured-desc {
            font-size: 12px;
        }
        section.handbook ul.breadcrumbs.container {
            padding: unset!important;
        }
        
        section.handbook .encyclopedia-fefco__featured-img {
            
            max-width: 315px;
            max-height: 210px;
        }
        section.handbook .encyclopedia-fefco__grid-item {
            padding: 20px 15px;
        }
        section.handbook .encyclopedia-documents .encyclopedia-fefco__card-img {
            height: 150px;
        }
        section.handbook .encyclopedia-documents .encyclopedia-fefco__card-text {
            font-size: 13px;
            line-height: 1.2;
        }
        section.handbook .encyclopedia-fefco__card {
        
        }
        section.handbook .encyclopedia-video__featured,
        section.handbook .encyclopedia-fefco__featured {
            padding: 16px;
        }
        section.handbook .encyclopedia-gost__grid {
            gap:16px
        }
        section.handbook .encyclopedia-gost__image {
            height: 130px;
            object-fit: contain;
        }
        .encyclopedia-gost-modal {
            padding: 16px;
        }
        .encyclopedia-gost-modal__image-wrap {
            padding: 12px;
        }
        .encyclopedia-gost-modal__content {
            gap: 16px;
        }
    }
    @media (min-width: 1024px) and (max-width: 1200px) {
        section.handbook .encyclopedia-gost__grid,
        section.handbook .encyclopedia-fefco__grid {
            grid-template-columns: repeat(3, 1fr)
        }

    }
/* End */


/* Start:/local/templates/gofromir_refactored/assets/css/blocks/content/handbook.css?17929484773426*/
section.handbook{padding-bottom:80px}section.handbook .handbook-header{display:flex;margin-bottom:40px;align-items:center;gap:32px}section.handbook .handbook__title,section.handbook .handbook-header .title{margin:unset}section.handbook .search-input__handbook{margin:0;max-width:unset}section.handbook .handbook-nav__item{font-weight:600;font-size:22px;transition:200ms ease all;width:42px;height:42px;min-width:unset;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;background:#f2f2f2;border-radius:16px;margin:unset;color:#3e3e3e;text-align:center;font-family:Montserrat;font-style:normal;line-height:24px}section.handbook .handbook-nav__container{display:flex;align-items:center;flex-wrap:wrap;gap:6px}section.handbook .handbook-nav__item:hover{background:var(--green);color:#fff}section.handbook .handbook-nav__item--active{background:var(--green);color:#fff}section.handbook .handbook__items{margin-top:48px}section.handbook .handbook-group__title{font-weight:600;font-size:24px;margin-bottom:16px}section.handbook .handbook-group__item{display:flex;justify-content:space-between;align-items:center;background:#fff;box-shadow:0 4px 30px rgba(0,0,0,.06);border-radius:16px;padding:12px 24px 12px 16px;transition:200ms ease all;font-size:14px}section.handbook .handbook-group__item:hover{color:var(--green)}section.handbook .handbook-group__item:hover .handbook-group__item-arrow path{fill:var(--green)}section.handbook .handbook-group__items{display:grid;grid-gap:16px;grid-template-columns:repeat(4,1fr)}section.handbook .handbook-group{margin-bottom:48px}section.handbook .handbook__search-items{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}section.handbook .handbook__search-items .handbook-group__title{margin-bottom:0}.handbook__back-link{font-family:var(--inter);color:var(--green);display:inline-flex;align-items:center}.handbook__back-link::before{content:url(/local/templates/gofromir_refactored/assets/images/back.svg);margin-right:13px;transition:200ms ease all;display:inline-block}.handbook__back-link:hover::before{transform:translateX(-10px)}.handbook__back-link:hover{text-decoration:underline}section.handbook .handbook__text{line-height:23.2px;font-family:var(--inter);max-width:1100px}section.handbook .handbook__post{display:flex;align-items:flex-start}section.handbook .handbook__post-letter{margin-right:25px;font-weight:600;font-size:110px;color:var(--green)}@media screen and (max-width:1366px){section.handbook .handbook__items{margin-top:20px}}@media screen and (max-width:991px){section.handbook .handbook-header{flex-direction:column;align-items:flex-start;margin-bottom:20px}section.handbook .search-input__handbook{max-width:unset;width:100%}section.handbook .handbook-nav--poisk{display:none}section.handbook .handbook-group__items{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:767px){section.handbook .handbook-group__items{grid-gap:10px;grid-template-columns:repeat(2,1fr)}section.handbook .handbook-group__title{font-size:20px;margin-bottom:10px}section.handbook .handbook-group__item{padding:8px 18px 8px 15px;font-size:12px}section.handbook .handbook-group{margin-bottom:15px}section.handbook .handbook__search-items{flex-direction:column;align-items:flex-start}.handbook__back-link{margin-top:15px}section.handbook{padding-bottom:40px}section.handbook .handbook__post-letter{font-size:80px}}
/* End */


/* Start:/local/templates/gofromir_refactored/components/bitrix/breadcrumb/on_first_screen_with_background/style.css?17929484772848*/
.breadcrumbs {
	margin-bottom: 56px;
	font-family: var(--inter);
	font-weight: 500;
	list-style: none;
	color: #C4C4C4;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	align-items: center;
	z-index: 30;
	position: relative;
}

.breadcrumbs__item {
	margin-bottom: 4px;
}

.breadcrumbs__item-link {
	transition: 200ms ease all;
	font-family: 'Inter';
	font-weight: 600;
	font-size: 14px;
}

.breadcrumbs__item-link:hover {
	color: var(--green);
}

.breadcrumbs__item:last-child .breadcrumbs__item-link:hover {
	color: #616161;
}

.breadcrumbs__item::after {
	content: '\2014';
	padding: 0 5px;
}

.breadcrumbs__item:last-child::after {
	content: none;
}

.breadcrumbs--w {
	position: relative;
	z-index: 2;
	color: #c4c4c4;
}

.breadcrumbs--w .breadcrumbs__item:last-child {
	color: #fff;
}

.breadcrumbs--w .breadcrumbs__item:last-child:hover .breadcrumbs__item-link {
	color: #fff;
}

ul.breadcrumbs.container {
	margin-bottom: 32px;
	padding: unset;
}

main.main ul.breadcrumbs.container {
	margin-top: 32px;
	margin-bottom: 32px;
	padding: unset;
	font-size: 14px;
}

main.main section.catalog-page ul.breadcrumbs.container .breadcrumbs__item:nth-child(n+2),
        main.main section.catalog-banner ul.breadcrumbs.container .breadcrumbs__item:nth-child(n+2),
        main.main ul.breadcrumbs.container .breadcrumbs__item:nth-child(n+2) {
	margin-left: 5px;
}

main.main section.catalog-banner ul.breadcrumbs.container {
	margin-top: 16px;
	margin-bottom: 32px;
	padding: unset;
	font-size: 14px;
}

main.main section.catalog-page ul.breadcrumbs.container {
	margin-top: 16px;
	margin-bottom: 32px;
	padding: unset;
	font-size: 14px;
}

.catalog-page--main .breadcrumbs {
	margin-bottom: 24px;
}

.oso_hero .breadcrumbs {
	margin-bottom: 15px;
	margin-top: 40px;
}

.vpp_bread .breadcrumbs {
	margin-top: 0;
	margin-bottom: 15px;
}

.with-news-background-first-blick .breadcrumbs {
	position: absolute;
	max-width: calc(100% - 15px);
	width: auto;
}


@media screen and (max-width: 1024px) {
	main.main section.catalog-page ul.breadcrumbs.container .breadcrumbs__item:nth-child(n+2),
	main.main section.catalog-banner ul.breadcrumbs.container .breadcrumbs__item:nth-child(n+2),
	main.main ul.breadcrumbs.container .breadcrumbs__item:nth-child(n+2) {
		margin-left: 0;
	}

	.breadcrumbs__item::after {
		padding: 0 5px 0 2px;
	}
}

@media screen and (max-width: 767px) {
	.breadcrumbs {
		margin-bottom: 25px;
	}
}

@media screen and (max-width: 1199px) {
	main.main section.catalog-page ul.breadcrumbs.container {
		padding: 0 15px;
		margin-top: 0;
		margin-bottom: 16px;
		font-size: 12px;
	}

	main.main ul.breadcrumbs.container {
		padding: 0 15px;
		margin-top: 0;
		margin-bottom: 16px;
		font-size: 12px;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
	main.main ul.breadcrumbs.container {
		padding: 0 16px;
	}
}


/* End */


/* Start:/local/templates/gofromir_refactored/components/bitrix/news/encyclopedia/encyclopedia.css?179294847713044*/
html {
    scroll-behavior: smooth;
}

section.handbook .search-input__handbook {
    max-width: unset;
}

section.handbook .encyclopedia-handbook__layout {
    display: flex;
    flex-direction: row;
    gap: 36px;
}

section.handbook .encyclopedia-handbook__col--sidebar {
    max-width: 256px;
}

section.handbook .encyclopedia-handbook__col--main {
    width: 100%;
}

section.handbook .encyclopedia-menu__list {
    padding: unset;
    margin: unset;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

section.handbook .encyclopedia-menu__item {
    list-style: none;
}

section.handbook .encyclopedia-menu__link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    text-decoration: none;
    transition: color 0.3s ease;
}

section.handbook .encyclopedia-menu__link:hover {
    color: var(--green)
}

section.handbook .encyclopedia-menu__link span {
    flex: 1
}

section.handbook .encyclopedia-menu__link svg {
    fill: #000;
    transition: color 0.3s ease;
}

section.handbook .encyclopedia-menu__link:hover svg {
    fill: var(--green)
}

section.handbook .encyclopedia-menu__link--active {
    color: var(--green)
}


section.handbook .handbook-header .title {
    margin: unset;
}

section.handbook .handbook-nav__container {
    gap: 6px
}

section.handbook .handbook-nav__item {
    width: 42px;
    height: 42px;
    min-width: unset;
    color: #3E3E3E;
    margin: unset;
    text-align: center;
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
}

section.handbook .encyclopedia-fefco__tabs {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

section.handbook .encyclopedia-fefco__tab {
    color: #4A4A4A;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 14px 24px;
    border-radius: 12px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    background-color: #F5F5F5;
}

section.handbook .encyclopedia-fefco__tab:hover {
    border: 1px solid var(--green);
}

section.handbook .encyclopedia-fefco__panel {
    display: block;
    scroll-margin-top: 24px;
    margin-bottom: 24px;
}

section.handbook .encyclopedia-fefco__featured {
    padding: 40px;
    border-radius: 16px;
    background: #F8F5F0;
    margin-bottom: 24px;
}

section.handbook .encyclopedia-fefco__featured-layout {
    display: grid;
    grid-template-columns: minmax(0, 386px) 1fr;
    gap: 50px;
    align-items: center;
}

section.handbook .encyclopedia-fefco__featured-picture {
    text-align: center;
}

section.handbook .encyclopedia-fefco__featured-img {
    width: auto;
}

section.handbook .encyclopedia-fefco__featured-link {
    display: block;
    color: #3E3E3E;
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 24px;
    line-height: 120%;
}

section.handbook .encyclopedia-fefco__featured-desc {
    color: #8C8C8C;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: unset;
}

section.handbook .encyclopedia-fefco__grid {
    padding: unset;
    margin: unset;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

section.handbook .encyclopedia-documents .encyclopedia-fefco__grid {
    padding: unset;
    margin: unset;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

section.handbook .encyclopedia-fefco__grid-item {
    list-style: none;
    padding: 24px 28px;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.06);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    font-size: 16px;
    font-family: var(--inter);
    color: var(--gray-light);
    line-height: 23.2px;
    transition: 200ms ease all;
}

section.handbook .encyclopedia-fefco__grid-item:hover {
    transform: scale(1.04);
}

section.handbook .encyclopedia-fefco__card-img {
    display: block;
    margin: 0 auto 16px;
    max-width: 160px;
    max-height: 160px;
    width: 100%;
    height: auto;
    object-fit: contain;
}

section.handbook .encyclopedia-documents .encyclopedia-fefco__card-img {
    height: 380px;
    width: 100%;
    object-fit: contain;
    margin-bottom: 16px;
}

section.handbook .encyclopedia-documents .encyclopedia-fefco__card-text {
    text-align: center;
    font-size: 16px;
    font-family: var(--inter);
    color: var(--gray-light);
    line-height: 23.2px;
}

section.handbook .encyclopedia-fefco__card-text {
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block
}

section.handbook .encyclopedia-video {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

section.handbook .encyclopedia-video__featured {
    padding: 40px;
    border-radius: 16px;
    background: #F8F5F0;
}

section.handbook .encyclopedia-video__featured:nth-child(even) {
    background: #F5F5F5;
}

section.handbook .encyclopedia-video__featured-layout {
    display: grid;
    grid-template-columns: minmax(0, 560px) 1fr;
    gap: 40px;
    align-items: center;
}

section.handbook .encyclopedia-video__embed {
    position: relative;
    width: 100%;
    max-width: 560px;
    border-radius: 16px;
    overflow: hidden;
    background: #000;
    aspect-ratio: 16 / 9;
}

section.handbook .encyclopedia-video__embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

section.handbook .encyclopedia-video__embed--preview {
    cursor: pointer;
}

section.handbook .encyclopedia-video__embed--preview img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.handbook .encyclopedia-video__embed--preview .encyclopedia-video__play-icon {
    color: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    z-index: 1;
    transition: color .3s ease;
    pointer-events: none;
}

section.handbook .encyclopedia-video__embed--preview:hover .encyclopedia-video__play-icon {
    color: var(--main-green, #6abf4b);
}

section.handbook .encyclopedia-video__embed--preview iframe {
    display: none;
}

section.handbook .encyclopedia-video__embed--preview.is-playing iframe {
    display: block;
}

section.handbook .encyclopedia-video__embed--preview.is-playing img,
section.handbook .encyclopedia-video__embed--preview.is-playing .encyclopedia-video__play-icon {
    display: none;
}

section.handbook .encyclopedia-video__title {
    margin: 0 0 24px;
    color: #3E3E3E;
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

section.handbook .encyclopedia-video__desc {
    margin: 0;
    color: #8C8C8C;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

section.handbook .encyclopedia-gost__grid {
    padding: unset;
    margin: unset;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

section.handbook .encyclopedia-gost__item {
    list-style: none;
}

section.handbook .encyclopedia-gost__card {
    width: 100%;
    min-height: 100%;
    padding: 20px 30px;
    border-radius: 16px;
    border: 1px solid transparent;
    background: #F5F5F5;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    font: inherit;
}

section.handbook .encyclopedia-gost__card:hover {
    border-color: var(--green);
}

section.handbook .encyclopedia-gost__image {
    display: block;
    max-width: 160px;
    max-height: 160px;
    width: 100%;
    height: auto;
    object-fit: contain;
    margin: 0 auto 16px;
    object-fit: cover;
}

section.handbook .encyclopedia-gost__title {
    display: block;
    min-height: 55px;
    overflow: hidden;
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.encyclopedia-gost-modal__content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    align-items: start;
}

.modal.encyclopedia-gost-modal {
    padding: 40px;
    max-width: 730px;
}

.modal.encyclopedia-gost-modal .modal__close {
    top: 40px;
    right: 40px;
}

.encyclopedia-gost-modal__image {
    display: block;
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    object-fit: contain;
}

.encyclopedia-gost-modal__content .encyclopedia-gost-modal__title {
    color: var(--Text-text-primary, #3E3E3E);
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 8px;
    padding: unset;
}

.encyclopedia-gost-modal__content .encyclopedia-gost-modal__text {
    color: #3E3E3E;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.encyclopedia-gost-modal__text[hidden] {
    display: none;
}

section.handbook .encyclopedia-handbook .nav-string {
    margin-top: 24px
}

@media (max-width: 991px) {
    section.handbook .encyclopedia-video__featured-layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    section.handbook .encyclopedia-video__embed {
        max-width: none;
    }
    .encyclopedia-gost-modal .modal__body {
        width: 100%;
    }
    .encyclopedia-gost-modal__content {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

@media (max-width: 768px) {
    section.handbook .encyclopedia-handbook__layout {
        flex-direction: column;
    }
    section.handbook .encyclopedia-handbook__col--sidebar {
        max-width: unset;
    }
    section.handbook .encyclopedia-fefco__featured-layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    section.handbook .encyclopedia-fefco__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    section.handbook .encyclopedia-documents .encyclopedia-fefco__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    section.handbook .encyclopedia-gost__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    section.handbook .encyclopedia-gost__card {
        padding: 16px;
    }
    section.handbook .encyclopedia-fefco__tabs {
        gap: 8px;
    }
    section.handbook .encyclopedia-menu__list {
        gap: 12px
    }
    section.handbook .encyclopedia-video,
    section.handbook .encyclopedia-fefco__grid,
    section.handbook .encyclopedia-fefco__featured {
        gap: 16px
    }
    section.handbook .encyclopedia-fefco__tab {
        padding: 8px 16px;
        font-size: 12px;
    }
    section.handbook .encyclopedia-video__title,
    section.handbook .encyclopedia-fefco__featured-link {
        font-size: 16px;
        margin-bottom: 8px;
    }
    section.handbook .encyclopedia-video__desc,
    section.handbook .encyclopedia-fefco__card-link,
    section.handbook .encyclopedia-fefco__featured-desc,
    section.handbook .encyclopedia-menu__link,
    section.handbook .encyclopedia-fefco__card-text,
    section.handbook .encyclopedia-gost__title,
    .encyclopedia-gost-modal__text {
        font-size: 12px;
    }
    section.handbook ul.breadcrumbs.container {
        padding: unset!important;
    }
    section.handbook .encyclopedia-fefco__featured-img {
        max-width: 315px;
        max-height: 210px;
    }
    section.handbook .encyclopedia-fefco__grid-item {
        padding: 20px 15px;
    }
    section.handbook .encyclopedia-documents .encyclopedia-fefco__card-img {
        height: 150px;
    }
    section.handbook .encyclopedia-documents .encyclopedia-fefco__card-text {
        font-size: 13px;
        line-height: 1.2;
    }
    section.handbook .encyclopedia-video__featured,
    section.handbook .encyclopedia-fefco__featured {
        padding: 16px;
    }
    section.handbook .encyclopedia-gost__image {
        max-height: 160px;
        max-width: 160px;
        width: 100%;
        height: auto;
        object-fit: contain;
    }
    .encyclopedia-gost-modal {
        padding: 16px;
    }
    .encyclopedia-gost-modal__image {
        max-width: 200px;
        max-height: 200px;
        width: 100%;
        height: auto;
        object-fit: contain;
    }
    .encyclopedia-gost-modal__image-wrap {
        padding: 12px;
    }
    .encyclopedia-gost-modal__content {
        gap: 16px;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    section.handbook .encyclopedia-gost__grid,
    section.handbook .encyclopedia-fefco__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* End */


/* Start:/local/templates/gofromir_refactored/components/bitrix/news.detail/new_template/style.css?179304015428566*/
section.news-detail .news-detail__content * {
	font-size: 14px;
	line-height: 140%;
}

section.news-detail img {
	max-width: 100%;
	height: auto;
	border-radius: 32px;
}

section.news-detail .two_pictures img {
	border-radius: 24px;
}

section.news-detail .news-detail__content .faq-content {
	display: block;
}

section.news-detail .news-detail__block {
	display: flex;
	gap: 54px;
}

section.news-detail .news-detail__block:has(> section.news-detail .news-detail__content:last-child) + .we_produce_packaging {
	margin-top: 50px;
}

.news-detail__menu {
	padding: 40px;
	border-radius: 24px;
	background: var(--BG-light-gray-95, #F5F5F5);
	min-width: 443px;
	height: fit-content;
}

.news-detail__menu-list {
	padding: 0;
	margin: 0;
	margin-top: 24px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	list-style-position: inside;
}

.news-detail__menu-list li {
	font-weight: 500;
	line-height: 140%;
}

.news-detail__menu-list a {
	display: initial;
}

.news-detail__menu-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.news-detail__menu .news-detail__menu-list + .news-detail__menu-actions {
	margin-top: 24px;
}

.news-detail__menu .news-detail__banner-button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

section.news-detail .news-detail__content .news-detail__h1 {
	font-size: 32px;
	font-weight: 500;
	line-height: 130%;
	margin: 0;
	padding: 0;
}

section.news-detail .news-detail__content .news-detail__h2 {
	font-size: 24px;
	font-weight: 500;
	margin: 0;
	padding: 0;
}

section.news-detail .news-detail__content .news-detail__h3 {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	padding: 0;
}

section.news-detail .news-detail__content .news-detail__text16 b {
	font-weight: 600;
}

section.news-detail .news-detail__content p,
section.news-detail .news-detail__content p b,
section.news-detail .news-detail__content p u,
section.news-detail .news-detail__content p i,
.news-detail__text16 {
	font-size: 16px;
	margin: unset;
}

section.news-detail .news-detail__content ,
section.news-detail .news-detail__content b,
section.news-detail .news-detail__content u,
section.news-detail .news-detail__content i {
	font-size: 14px;
}

section.news-detail .news-detail__content ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

section.news-detail .news-detail__content ol li,
	section.news-detail .news-detail__content ul li {
	font-size: 16px;
    display: block;
    position: relative;
	padding-left: 24px;
}
section.news-detail .news-detail__content ol li b,
section.news-detail .news-detail__content ol li i,
section.news-detail .news-detail__content ol li u,
section.news-detail .news-detail__content ul li b,
section.news-detail .news-detail__content ul li i {
	font-size: 16px;
	display: inline-block;
}

section.news-detail .news-detail__content ul li::before {
    content: '';
    width: 15px;
	min-width: 15px;
    height: 15px;
	min-height: 15px;
    border-radius: 4px;
    background: var(--Color-Main-color-Green, #3DB845);
    display: flex;
    top: 4px;
	left: 0;
    position: absolute;
}

section.news-detail .news-detail__content ol {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	counter-reset: list-numeric;
}

section.news-detail .news-detail__content ol > li::before {
	counter-increment: list-numeric;
	content: counter(list-numeric) ".";
	color: var(--Color-Main-color-Green, #3DB845);
	font-weight: 600;
	position: absolute;
	left: 0;
	top: 0;
}

section.news-detail .news-detail__content ol li ol {
	counter-reset: sublist;
	grid-column-start: 2;
}

section.news-detail .news-detail__content ol li ol > li::before {
	counter-increment: sublist;
	content: counter(list-numeric) "." counter(sublist);
}

section.news-detail .news-detail__content ol li ul {
	grid-column-start: 2;
}

.news-detail__info {
	display: grid;
	grid-template-columns: auto 1fr;
	padding: 24px;
	align-items: center;
	gap: 16px;
	border-radius: 16px;
	background: #182F69;
	color: #FFF;
	font-weight: 600;
}

.news-detail__info::before {
	content: '';
	background: url('/local/templates/gofromir_refactored/components/bitrix/news.detail/new_template/images/attention.svg');
	background-size: contain;
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
}

section.news-detail .news-detail__banner {
	border-radius: 32px;
	background: #E1F4FF;
	padding: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 80px;
	gap: 60px;
}

.news-detail__banner-left {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-self: stretch;
}

.news-detail__banner-left .post__banner-date {
	margin-bottom: 0;
	margin-top: auto;
	font-size: 14px;
    line-height: 140%;
	color: #c4c4c4;
    font-family: var(--nunito);
}

.news-detail__banner-title {
	font-size: 34px;
	font-weight: 600;
	line-height: 120%;
}

.news-detail__banner-desc {
	line-height: 24px;
	font-size: 16px;
}

.news-detail__banner-desc a {
	font-size: 16px
}

.news-detail__banner-button {
	padding: 16px 32px;
	border-radius: 8px;
	background: var(--Color-Main-color-Green, #3DB845);
	color: var(--Button-link-Text-default, #FFF);
	font-size: 14px;
	font-weight: 600;
	line-height: 140%;
	width: fit-content;
}

section.news-detail .news-detail__content {
	display: flex;
	flex-direction: column;
	gap: 32px;
	max-width: calc(100% - 497px);
	min-width: 0;
}

.news-detail__table {
	display: flex;
	padding: 40px;
	flex-direction: column;
	border-radius: 32px;
	background: var(--BG-light-gray-95, #F5F5F5);
}

.news-detail__table > div:last-child::-webkit-scrollbar, .news-detail__table thead::-webkit-scrollbar, .news-detail__table tbody::-webkit-scrollbar {
	height: 4px;
}

.news-detail__table > div:last-child::-webkit-scrollbar-track, .news-detail__table thead::-webkit-scrollbar-track, .news-detail__table tbody::-webkit-scrollbar-track {
	border-radius: 14px;
	background: var(--Fields-Stroke, #E6E6E6);
}

.news-detail__table > div:last-child::-webkit-scrollbar-thumb, .news-detail__table thead::-webkit-scrollbar-thumb, .news-detail__table tbody::-webkit-scrollbar-thumb {
	background: var(--Button-link-MENU-dark-gray, #3E3E3E);
	border-radius: 14px;
}

.news-detail__table > div:first-child, .news-detail__table caption {
	font-size: 24px;
	font-weight: 500;
	line-height: 130%;
	text-align: initial;
	margin-bottom: 32px;
}

.news-detail__table > div:last-child, .news-detail__table thead, .news-detail__table tbody {
	overflow-x: auto;
}

.news-detail__table > div:last-child > div {
	display: table-row;
	font-weight: 500;
	line-height: 140%;
}

.news-detail__table > div:last-child > div:first-child, .news-detail__table th {
	font-weight: 700;
	line-height: 130%;
	text-transform: uppercase;
	text-align: initial;
	padding: 0;
}

.news-detail__table > div:last-child > div > div, .news-detail__table td {
	display: table-cell;
	padding: 16px 16px 16px 0px;
	border-bottom: 1px solid var(--Fields-Stroke, #E6E6E6);
	min-width: 204px;
	padding-right: 24px;
}

.news-detail__table > div:last-child > div > div:last-child, .news-detail__table tbody tr:last-child td {

	border-bottom: initial;
}

.news-detail__table > div:last-child > div:last-child > div {

	border-bottom: initial;
}

section.news-detail .two_pictures {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

section.news-detail .image_with_text {
	position: relative;
}

section.news-detail .image_with_text div {
	position: absolute;
	bottom: 40px;
	left: 40px;
	width: 674px;
	padding: 24px 40px;
	border-radius: 16px;
	background: #FFF;
	font-size: 24px;
	font-weight: 500;
	line-height: 120%;
}

section.news-detail .smi_o_nas {
	margin-top: 80px;
	margin-bottom: 50px;
}

section.news-detail .news-detail__block .news-detail__menu {
	position: sticky;
	top: 72px;
}
section.news-detail .news-detail__banner .news-detail__banner-desc a,
section.news-detail .news-detail__block section.news-detail .news-detail__content a {
	color: var(--green);
	text-decoration: underline;
	font-size: inherit;
}

section.news-detail .news-detail__block .news-detail__menu .news-detail__h2 {
	color: #3E3E3E;
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
}
section.news-detail .news-detail__block .news-detail__menu .news-detail__menu-list a{
	margin-left: 4px;
	color: #3E3E3E;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
}

section.news-detail .smi_o_nas .smi_o_nas-img img {
	object-fit: cover;
	width: 100%;
}

section.news-detail .swiper-slide:hover {
	transform:unset
}
section.news-detail .news-detail__table th {
	padding: 0 16px 0 0;
}

section.news-detail .news-detail__table--col2,
section.news-detail .news-detail__table--col3,
section.news-detail .news-detail__table--col4,
section.news-detail .news-detail__table--colmany {
	width: 100%;
}

section.news-detail .news-detail__table--col2 > thead,
section.news-detail .news-detail__table--col2 > tbody,
section.news-detail .news-detail__table--col3 > thead,
section.news-detail .news-detail__table--col3 > tbody,
section.news-detail .news-detail__table--col4 > thead,
section.news-detail .news-detail__table--col4 > tbody {
	display: table;
	width: 100%;
	table-layout: fixed;
	overflow: visible;
}

section.news-detail .news-detail__table--colmany > thead,
section.news-detail .news-detail__table--colmany > tbody {
	display: block;
	width: 100%;
	overflow-x: auto;
}

section.news-detail .news-detail__table--colmany > thead > tr,
section.news-detail .news-detail__table--colmany > tbody > tr {
	display: table;
	table-layout: fixed;
	width: 100%;
	min-width: 1224px;
}

section.news-detail .news-detail__table--col2 th,
section.news-detail .news-detail__table--col2 td {
	width: 50%;
	min-width: 0;
}

section.news-detail .news-detail__table--col3 th,
section.news-detail .news-detail__table--col3 td {
	width: 33.333%;
	min-width: 0;
}

section.news-detail .news-detail__table--col4 th,
section.news-detail .news-detail__table--col4 td {
	width: 25%;
	min-width: 0;
}

section.news-detail .news-detail__table--colmany th,
section.news-detail .news-detail__table--colmany td {
	width: 1%;
	min-width: 204px;
}

section.news-detail .news-detail__block .news-detail__menu .news-detail__menu-list a:hover {
	color: var(--green);
	text-decoration: underline;
}

section.news-detail .news-detail__block .faq__header {
	display: grid;
	gap: 16px;
	grid-template-columns: 1fr auto;
	align-items: center;
}

@media screen and (max-width: 1199px) {
	section.news-detail .news-detail__content .news-detail__h1 {
		font-size: 20px;
	}
	section.news-detail .news-detail__block .faq__header {
		padding: 16px;
	}

	section.news-detail .news-detail__block .faq__icon {
		width: 40px;
		height: 40px;
		min-width: 40px;
	}

	section.news-detail .news-detail__block .faq__header .faq__item-title {
		color: var(--Text-text-primary, #3E3E3E);
		font-family: Montserrat;
		font-size: 12px;
		font-style: normal;
		font-weight: 600;
		line-height: 16px;
	}

	section.news-detail .news-detail__block .news-detail__menu {
		position: unset;
	}

	section.news-detail .news-detail__content * {
		font-size: 12px;
	}

	section.news-detail .news-detail__banner {
		flex-wrap: wrap;
		gap: 24px;
		border-radius: 24px;
		padding: 32px 16px 19px 16px;
		margin-bottom: 48px;
	}

	.news-detail__banner-left {
		margin: 0 16px;
	}

	.news-detail__banner-title {
		font-size: 24px;
	}

	.news-detail__banner-desc {
		line-height: 140%;
	}

	.news-detail__banner-button {
		padding: 14px 0px;
		width: 100%;
		text-align: center;
	}

	.news-detail__banner img {
		border-radius: 16px;
	}

	section.news-detail .news-detail__block {
		flex-wrap: wrap;
		gap: 48px;
	}

	.news-detail__menu {
		padding: 24px 16px;
		min-width: initial;
	}

	.news-detail__h1 {
		font-size: 20px;
	}

	.news-detail__h2 {
		font-size: 16px;
	}

	.news-detail__h3 {
		font-size: 14px;
	}

	.news-detail__menu-list {
		margin-top: 16px;
	}

	.news-detail__menu .news-detail__menu-list + .news-detail__menu-actions {
		margin-top: 16px;
	}

	.news-detail__menu .news-detail__banner-button {
		width: 100%;
		padding: 14px 0;
		text-align: center;
	}

	section.news-detail .news-detail__content {
		gap: 16px;
		padding: 0 16px;
		max-width: 100%;
	}
	section.news-detail div.smi_o_nas  {
		padding: 0 16px
	}
	section.news-detail .news-detail__content b {
		font-weight: 600;
	}

	.news-detail__table {
		padding: 40px 16px;
        border-radius: unset;
        margin-left: -16px;
        width: calc(100% + 32px)!important;
	}

	section.news-detail .news-detail__table--col2 > thead,
	section.news-detail .news-detail__table--col2 > tbody,
	section.news-detail .news-detail__table--col3 > thead,
	section.news-detail .news-detail__table--col3 > tbody,
	section.news-detail .news-detail__table--col4 > thead,
	section.news-detail .news-detail__table--col4 > tbody {
		display: block;
		width: 100%;
		overflow-x: auto;
	}

	section.news-detail .news-detail__table--col2 > thead > tr,
	section.news-detail .news-detail__table--col2 > tbody > tr {
		display: table;
		table-layout: fixed;
		width: 100%;
		min-width: 408px;
	}

	section.news-detail .news-detail__table--col3 > thead > tr,
	section.news-detail .news-detail__table--col3 > tbody > tr {
		display: table;
		table-layout: fixed;
		width: 100%;
		min-width: 612px;
	}

	section.news-detail .news-detail__table--col4 > thead > tr,
	section.news-detail .news-detail__table--col4 > tbody > tr {
		display: table;
		table-layout: fixed;
		width: 100%;
		min-width: 816px;
	}

	section.news-detail {
		padding: unset;
	}
	section.news-detail .news-detail__table--col2 th,
	section.news-detail .news-detail__table--col2 td,
	section.news-detail .news-detail__table--col3 th,
	section.news-detail .news-detail__table--col3 td,
	section.news-detail .news-detail__table--col4 th,
	section.news-detail .news-detail__table--col4 td {
		min-width: 204px;
	}

	.news-detail__table > div:first-child, .news-detail__table caption {
		font-size: 20px;
		margin-bottom: 24px;
	}

	.news-detail__table > div:last-child > div > div, .news-detail__table td {
		padding: 12px 12px 12px 0px
	}

	section.news-detail .two_pictures {
		grid-template-columns: repeat(1, 1fr);
		gap: 16px;
	}

	.news-detail__info {
		padding: 24px 16px;
	}

	.news-detail__info::before {
		width: 32px;
		height: 32px;
	}

	section.news-detail .news-detail__content ol {
		gap: 14px;
	}
	section.news-detail .news-detail__content,
	section.news-detail .news-detail__content b,
	section.news-detail .news-detail__content i,
	section.news-detail .news-detail__content p,
	section.news-detail .news-detail__content p b,
	section.news-detail .news-detail__content p i,
	.news-detail__text16 {
		font-size: 12px;
	}

	section.news-detail .news-detail__content ul li b,
	section.news-detail .news-detail__content ul li i,
	section.news-detail .news-detail__content ul li,
	section.news-detail .news-detail__content ol li b,
	section.news-detail .news-detail__content ol li i,
	section.news-detail .news-detail__content ol li {
		font-size: 12px;
		display: inline;
	}

	section.news-detail .news-detail__content ul {
		gap: 14px;
	}

	section.news-detail .news-detail__content ul li {
		font-size: 12px;
	}

	section.news-detail .news-detail__content ul li::before {
		width: 8px;
		height: 8px;
		border-radius: 2px;
	}

	section.news-detail .image_with_text div {
		bottom: 24px;
		left: 24px;
		width: calc(100% - 48px);
		padding: 24px;
		font-size: 16px;
	}
}

/* 85681: вложенные теги в заголовках статьи (b, strong, span, a) берут размер заголовка —
   иначе .news-detail * и правила для b и a в .news-detail__content дают им 14-16px */
section.news-detail .news-detail__block .news-detail__content .news-detail__h1 *,
section.news-detail .news-detail__block .news-detail__content .news-detail__h2 *,
section.news-detail .news-detail__block .news-detail__content .news-detail__h3 * {
	font-size: inherit;
	line-height: inherit;
}

/* 85681: видеоблок старых статей блога (production__video) в колонке нового шаблона.
   Шаблон сайта даёт карточке текста min-width 732px и нахлёст -60px, держателю видео —
   770×480 (50% ширины до 1500px); старый шаблон сужает их правилами .post …, в новом .post
   нет. Колонка тут 738–898px рядом с оглавлением и во всю ширину экрана ниже 1200px, поэтому
   блок — в столбик: карточка текста, под ней видео во всю ширину колонки в пропорциях
   держателя 770:480; превью 16:9 встаёт по центру по высоте. Сдвиги из модификаторов
   (--print, --bottom, --waste и др.) сбрасываются, чтобы карточка и видео не наезжали. */
section.news-detail .news-detail__content .production__video {
	flex-direction: column;
	align-items: stretch;
	gap: 32px;
	margin: 0;
}

section.news-detail .news-detail__content .production__video-text {
	flex: none;
	top: 0;
	min-width: 0;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 40px;
}

section.news-detail .news-detail__content .production__video-text .production__desc {
	max-width: none;
}

section.news-detail .news-detail__content .production__vedio-holder {
	min-width: 0;
	width: 100%;
	max-width: none;
	max-height: none;
	margin: 0;
}

@supports (aspect-ratio: 770 / 480) {
	section.news-detail .news-detail__content .production__vedio-holder {
		height: auto;
		aspect-ratio: 770 / 480;
	}
}

/* Браузеры без aspect-ratio (Safari < 15): высота держателя явная — иначе у модификаторов
   с height: auto (--waste) держатель схлопнулся бы до кнопки: картинка в нём вне потока */
@supports not (aspect-ratio: 770 / 480) {
	section.news-detail .news-detail__content .production__vedio-holder {
		height: 480px;
	}

	@media screen and (max-width: 1199px) {
		section.news-detail .news-detail__content .production__vedio-holder {
			height: 300px;
		}
	}
}

section.news-detail .news-detail__content .production__vedio-holder img {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: auto;
	transform: translateY(-50%);
}

@media screen and (max-width: 1199px) {
	section.news-detail .news-detail__content .production__video {
		gap: 16px;
	}

	section.news-detail .news-detail__content .production__video-text {
		padding: 24px 16px;
	}
}

/* 85681: старые «картинка + текст» (.production__group) в колонке без .post.
   В общем CSS текст 50% и в ряд, описание серое и не шире 630px. */
section.news-detail .news-detail__content .production__group,
section.news-detail .news-detail__content .production__group--reverse {
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 32px;
	margin: 0;
}

section.news-detail .news-detail__content .production__text,
section.news-detail .news-detail__content .production__desc,
section.news-detail .news-detail__content .article-content,
section.news-detail .news-detail__content > div:not([class]) {
	display: flex;
	flex-direction: column;
	gap: 32px;
	width: 100%;
	max-width: none;
	min-width: 0;
}

section.news-detail .news-detail__content .production__image,
section.news-detail .news-detail__content .blog_img-wrapper {
	width: auto;
	max-width: 100%;
	min-width: 0;
	margin: 0 auto;
	border-radius: 32px;
}

section.news-detail .news-detail__content .blog_img-wrapper::before {
	content: none;
	display: none;
	background: none;
}

section.news-detail .news-detail__content .blog_img-wrapper img,
section.news-detail .news-detail__content p > img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	border-radius: 32px;
}

section.news-detail .news-detail__content *:has(> .blog_img-wrapper ~ .blog_img-wrapper),
section.news-detail .news-detail__content p:has(> img ~ img) {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
}

section.news-detail .news-detail__content *:has(> .blog_img-wrapper ~ .blog_img-wrapper) > .blog_img-wrapper,
section.news-detail .news-detail__content p:has(> img ~ img) > img {
	flex: 1 1 0;
	min-width: 0;
	width: auto;
	max-width: 100%;
	margin: 0;
}

section.news-detail .news-detail__content *:has(> .blog_img-wrapper ~ .blog_img-wrapper) > .blog_img-wrapper img,
section.news-detail .news-detail__content .two_pictures img,
section.news-detail .news-detail__content .image_with_text img {
	width: 100%;
	margin: 0;
}

section.news-detail .news-detail__content .production__desc,
section.news-detail .news-detail__content .production__list,
section.news-detail .news-detail__content .production__subtitle {
	max-width: none;
	margin-bottom: 0;
	color: inherit;
	font-family: inherit;
}

section.news-detail .news-detail__content .production__subtitle {
	font-size: 16px;
	font-weight: 500;
	line-height: 140%;
}

section.news-detail .news-detail__content .production__subtitle * {
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	color: inherit;
}

section.news-detail .news-detail__content ul li,
section.news-detail .news-detail__content .production__list li {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 24px;
	color: inherit;
	font-family: inherit;
	font-weight: 400;
	font-style: normal;
	line-height: 140%;
}

section.news-detail .news-detail__content .production__desc p {
	line-height: 140%;
}

section.news-detail .news-detail__content li > p:has(img) {
	margin: 24px 0 0 -24px;
	width: calc(100% + 24px);
}

section.news-detail .news-detail__content p strong,
section.news-detail .news-detail__content li strong {
	font-size: inherit;
}

section.news-detail .news-detail__content h2:not(.news-detail__h1):not(.news-detail__h2) {
	font-size: 32px;
	font-weight: 500;
	line-height: 130%;
	margin: 0;
	padding: 0;
}

section.news-detail .news-detail__content h2:not(.news-detail__h1):not(.news-detail__h2) *,
section.news-detail .news-detail__content h3:not(.news-detail__h1):not(.news-detail__h2):not(.news-detail__h3) * {
	font-size: inherit;
	line-height: inherit;
}

section.news-detail .news-detail__content h3:not(.news-detail__h1):not(.news-detail__h2):not(.news-detail__h3) {
	font-size: 16px;
	font-weight: 500;
	line-height: 140%;
	margin: 0;
	padding: 0;
}

section.news-detail .news-detail__content .faq__answer {
	display: block;
}

section.news-detail .news-detail__content .news-detail__table-scroll {
	max-width: 100%;
	overflow-x: auto;
	padding: 40px;
	border-radius: 32px;
	background: var(--BG-light-gray-95, #F5F5F5);
}

section.news-detail .news-detail__content .news-detail__table-scroll > table {
	width: max-content;
	min-width: 100%;
	max-width: none;
	border-collapse: collapse;
	border-spacing: 0;
}

section.news-detail .news-detail__content table:not(.news-detail__table) {
	font-family: inherit;
	font-size: inherit;
	font-weight: 400;
	line-height: 140%;
	color: inherit;
}

section.news-detail .news-detail__content table:not(.news-detail__table) th,
section.news-detail .news-detail__content table:not(.news-detail__table) td {
	border: 0;
	border-bottom: 1px solid var(--Fields-Stroke, #E6E6E6);
	text-align: start;
	vertical-align: middle;
	font-family: inherit;
	font-weight: 400;
	font-style: normal;
	line-height: 140%;
	color: inherit;
}

section.news-detail .news-detail__content table:not(.news-detail__table) td {
	padding: 16px 24px 16px 0;
}

section.news-detail .news-detail__content table:not(.news-detail__table) th {
	padding: 0 16px 0 0;
	font-weight: 700;
	line-height: 130%;
	text-transform: uppercase;
	border-bottom: 0;
}

section.news-detail .news-detail__content table:not(.news-detail__table) tr:last-child td {
	border-bottom: 0;
}

section.news-detail .news-detail__content table:not(.news-detail__table) p {
	font-family: inherit;
	font-size: inherit;
	font-weight: 400;
	line-height: 140%;
	color: inherit;
	text-align: start;
	margin: 0;
}

section.news-detail .news-detail__content table:not(.news-detail__table) caption {
	font-family: inherit;
	font-size: 24px;
	font-weight: 500;
	line-height: 130%;
	color: inherit;
	text-align: left;
	margin: 0 0 32px;
}

section.news-detail .news-detail__content .production__text_custom,
section.news-detail .news-detail__content .custom_text,
section.news-detail .news-detail__content .custom-wrapper,
section.news-detail .news-detail__content .article-content {
	width: 100%;
	max-width: none;
	min-width: 0;
}


section.news-detail .news-detail__content .production__desc_custom,
section.news-detail .news-detail__content .custom_desc {
	max-width: none;
	margin: 0;
	color: inherit;
	font-family: inherit;
	font-size: 16px;
}

section.news-detail .news-detail__content h1 {
	font-size: 32px;
	font-weight: 500;
	line-height: 130%;
	margin: 0;
	padding: 0;
}

section.news-detail .news-detail__content blockquote {
	margin: 0;
	padding: 16px 0 16px 24px;
	border-left: 2px solid var(--Color-Main-color-Green, #3DB845);
	font-size: 16px;
	line-height: 140%;
}

section.news-detail .news-detail__content iframe:not(.production__video-iframe) {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border: 0;
}

section.news-detail .news-detail__content .faq-question,
section.news-detail .news-detail__content .accordion-header {
	font-size: 16px;
	font-weight: 500;
	line-height: 140%;
}

section.news-detail .news-detail__content .faq-answer,
section.news-detail .news-detail__content .accordion-panel,
section.news-detail .news-detail__content .accordion-answer {
	display: block;
	font-size: 16px;
	line-height: 140%;
}

@media screen and (max-width: 1199px) {
	section.news-detail .news-detail__content .production__group,
	section.news-detail .news-detail__content .production__group--reverse,
	section.news-detail .news-detail__content .production__text,
	section.news-detail .news-detail__content .production__desc,
	section.news-detail .news-detail__content .article-content,
	section.news-detail .news-detail__content > div:not([class]) {
		gap: 16px;
	}

	section.news-detail .news-detail__content h1,
	section.news-detail .news-detail__content h2:not(.news-detail__h1):not(.news-detail__h2) {
		font-size: 20px;
	}

	section.news-detail .news-detail__content .news-detail__table-scroll {
		padding: 24px 16px;
	}

	section.news-detail .news-detail__content table:not(.news-detail__table) td {
		padding: 12px 12px 12px 0;
		min-width: 204px;
	}

	section.news-detail .news-detail__content table:not(.news-detail__table) caption {
		font-size: 20px;
		margin-bottom: 24px;
	}

	section.news-detail .news-detail__content .production__subtitle {
		font-size: 14px;
	}

	section.news-detail .news-detail__content h3:not(.news-detail__h1):not(.news-detail__h2):not(.news-detail__h3) {
		font-size: 14px;
	}
}

section.news-detail .news-detail__content .faq-content .faq__item {
	margin: 0 0 16px;
}

section.news-detail .news-detail__content .faq-content .faq__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 24px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.06);
	cursor: pointer;
}

section.news-detail .news-detail__content .faq-content .faq__item-title {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

section.news-detail .news-detail__content .faq-content .faq__icon {
	width: 32px;
	height: 32px;
	min-width: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #DBFFDD;
	border-radius: 8px;
	color: #3DB845;
	font-size: 20px;
	line-height: 32px;
}

section.news-detail .news-detail__content .faq-content .faq__icon::before {
	content: "+";
}

section.news-detail .news-detail__content .faq-content .faq__item--opened .faq__icon::before {
	content: "−";
}

section.news-detail .news-detail__content .faq-content .faq__answer {
	display: none;
	margin: 8px 0 0;
	padding: 0 24px;
	font-size: 16px;
	line-height: 24px;
}

section.news-detail .news-detail__content .faq-content .faq__item--opened .faq__answer {
	display: block;
}

/* End */


/* Start:/include/general/blocks/blog_expert_author.css?1784886590916*/
.main .blog-expert-author {
	display: block;
	clear: both;
	width: 100%;
	box-sizing: border-box;
	margin: 24px 0 0;
	padding-top: 16px;
	border-top: 1px solid #E8E8E8;
	color: #8C8C8C;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
}

.news-detail > .blog-expert-author {
	margin-top: 32px;
}

.blog-expert-author__label {
	margin-right: 4px;
}

.blog-expert-author__link {
	color: #3E3E3E;
	text-decoration: none;
	transition: color 200ms ease;
}

.blog-expert-author__link:hover,
.blog-expert-author__link:hover .blog-expert-author__name,
.blog-expert-author__link:hover .blog-expert-author__position {
	color: var(--green, #3DB845);
}

.blog-expert-author__name,
.blog-expert-author__position {
	color: inherit;
}

.blog-expert-author__sep {
	margin-right: 4px;
}


@media screen and (max-width: 1199px){
	.news-detail>.blog-expert-author {
		padding: 0 16px;
	}
}
/* End */


/* Start:/local/templates/.default/enc2/css/enc2.css?179311149833009*/
/*
 * enc2.css — стили собственных блоков энциклопедии (ТЗ этапа 2, п. 4.1, 4.6).
 * Базовая вёрстка — CSS подрядчика по ссылке (new_template/style.css, news/encyclopedia/encyclopedia.css), без копий.
 * Мобильная версия (360 / 390 / 430 px): страница никогда не шире окна; таблицы хабов до 767 px — карточки;
 * мини-таблицы прокручиваются внутри .enc2-scroll; кнопки не меньше 44 px; у <img> заданы width и height.
 */

.enc2-page {
	--enc2-green: var(--green, #3DB845);
	--enc2-text: #3E3E3E;
	--enc2-muted: #757575;
	--enc2-border: #E6E6E6;
	--enc2-bg: #F5F5F5;
	--enc2-radius: 16px;
	min-width: 0;
	max-width: 100%;
	overflow-wrap: break-word;
}

.enc2-page img {
	max-width: 100%;
	height: auto;
}

.enc2-page .handbook-group__item-arrow {
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
}

.enc2-visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.enc2-nowrap {
	white-space: nowrap;
}

.enc2-muted {
	display: inline-block;
	color: var(--enc2-muted);
	font-size: 0.9em;
}

/* ---------- Заголовки своих блоков (не попадают в оглавление new_template: у них нет .news-detail__h1) ---------- */
.enc2-page .enc2-h2 {
	margin: 0 0 20px;
	font-size: 24px;
	font-weight: 500;
	line-height: 130%;
	color: var(--enc2-text);
}

.enc2-page .enc2-h2--small {
	font-size: 18px;
	margin-bottom: 12px;
}

.enc2-page .enc2-h3 {
	margin: 24px 0 12px;
	font-size: 18px;
	font-weight: 600;
	line-height: 130%;
	color: var(--enc2-text);
}

/* Отступы между блоками — только на страницах на основе new_template (термин в режиме «прежний» не трогаем) */
.news-detail.enc2-page > section,
.news-detail.enc2-page > nav,
.news-detail.enc2-page > div,
.enc2-after > * {
	margin-top: 48px;
}

.news-detail.enc2-page > :first-child,
.enc2-after > :first-child {
	margin-top: 0;
}

.enc2-after {
	margin-top: 48px;
}

/* ---------- Шапка: H1 + поиск ---------- */
.enc2-header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px 32px;
}

.enc2-header .handbook__title {
	margin: 0;
	min-width: 0;
}

.enc2-search-row {
	margin-bottom: 24px;
}

.enc2-search {
	max-width: 100%;
}

/* ---------- Совместимость с new_template ---------- */
.enc2-page .news-detail__block {
	min-width: 0;
	gap: 48px;
	align-items: flex-start;
}

.enc2-page .news-detail__content {
	flex: 1 1 0;
	min-width: 0;
	max-width: none;
}

/* Оглавление new_template (JS вставляет .news-detail__menu): фиксированная колонка 320 px вместо max-content,
   иначе длинные пункты раздувают оглавление, а тексту остаётся 470–550 px из 1 235 (аудит 20.10.2026, CHG-2026-024) */
.enc2-page .news-detail__block > .news-detail__menu {
	flex: 0 0 320px;
	width: 320px;
	min-width: 0;
	max-width: 320px;
	box-sizing: border-box;
	padding: 28px 24px;
}

.enc2-page .news-detail__menu .news-detail__h2 {
	font-size: 20px;
}

.enc2-page .news-detail__menu-list a {
	white-space: normal;
	overflow-wrap: anywhere;
}

.enc2-page .news-detail__content table:not([class]),
.enc2-page .news-detail__content table.news-detail__table {
	display: table;
	width: 100%;
	max-width: 100%;
	margin: var(--mn-8) 0 var(--mn-16);
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border-radius: 0;
	background: transparent;
	font-size: var(--fs-14);
	line-height: var(--lh-20);
}

.enc2-page .news-detail__content table:not([class]) th,
.enc2-page .news-detail__content table:not([class]) td,
.enc2-page .news-detail__content table.news-detail__table th,
.enc2-page .news-detail__content table.news-detail__table td {
	display: table-cell;
	min-width: 0;
	padding: var(--mn-12) var(--mn-16) var(--mn-12) 0;
	border: 0;
	border-bottom: 1px solid var(--enc2-border);
	text-align: left;
	vertical-align: top;
	font-size: var(--fs-14);
	font-weight: var(--fw-400);
	line-height: var(--lh-20);
}

.enc2-page .news-detail__content table:not([class]) thead th,
.enc2-page .news-detail__content table.news-detail__table thead th,
.enc2-page .news-detail__content table.news-detail__table th {
	font-size: var(--fs-12);
	font-weight: var(--fw-700);
	text-transform: uppercase;
	color: var(--enc2-muted);
}

.enc2-page .news-detail__content table caption {
	caption-side: top;
	margin: 0 0 var(--mn-12);
	padding: 0;
	font-size: var(--fs-16);
	font-weight: var(--fw-600);
	line-height: var(--lh-24);
	text-align: left;
}

.enc2-page .news-detail__content .enc2-scroll {
	max-width: 100%;
}

.enc2-page .news-detail__content .enc2-scroll table th:first-child,
.enc2-page .news-detail__content .enc2-scroll table td:first-child {
	position: static;
	background: transparent;
}

.enc2-page .news-detail__content > img,
.enc2-page .news-detail__content p > img,
.enc2-page .news-detail__content .two_pictures img,
.enc2-page .news-detail__content .image_with_text img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	border-radius: var(--r-16);
}

.enc2-page .news-detail__content .two_pictures {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--mn-16);
}

.enc2-page .news-detail__content .image_with_text {
	display: flex;
	flex-direction: column;
	gap: var(--mn-16);
}

.enc2-page .news-detail__content .image_with_text div {
	position: static;
	bottom: auto;
	left: auto;
	width: auto;
	max-width: none;
	padding: 0;
	border-radius: 0;
	background: transparent;
	font-size: var(--fs-16);
	font-weight: var(--fw-400);
	line-height: var(--lh-24);
}

/* Подзаголовки и определения внутри DETAIL_TEXT (H2 оформляет new_template по классу news-detail__h1) — QA стенда 18.10.2026 */
.enc2-page .news-detail__content h3 {
	margin: 24px 0 12px;
	font-size: 18px;
	font-weight: 600;
	line-height: 130%;
	color: var(--enc2-text);
}

.enc2-page .news-detail__content .enc2-terms dt {
	margin-top: 16px;
	font-size: 16px;
	font-weight: 600;
	color: var(--enc2-text);
}

.enc2-page .news-detail__content .enc2-terms dd {
	margin: 4px 0 0;
	font-size: 16px;
	line-height: 150%;
}

.enc2-banner {
	margin-bottom: 0;
}

.enc2-banner .news-detail__banner-left {
	min-width: 0;
	flex: 1 1 auto;
}

.enc2-banner__picture {
	flex: 0 1 545px;
	min-width: 0;
	object-fit: cover;
}

.enc2-page .enc2-answer {
	margin: 0;
	font-size: 16px;
	line-height: 150%;
}

.enc2-checked {
	color: var(--enc2-muted);
}

/* ---------- Кнопки ---------- */
.enc2-page .enc2-btn {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 4px 8px;
	min-height: 44px;
	padding: 10px 24px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	line-height: 140%;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.enc2-page .enc2-btn--primary {
	background: var(--enc2-green);
	color: #FFF;
	border: 1px solid var(--enc2-green);
}

.enc2-page .enc2-btn--secondary,
.enc2-page .enc2-btn--download {
	background: #FFF;
	color: var(--enc2-text);
	border: 1px solid var(--enc2-green);
}

.enc2-page .enc2-btn--secondary:hover,
.enc2-page .enc2-btn--download:hover {
	background: var(--enc2-green);
	color: #FFF;
}

.enc2-page .enc2-btn__meta {
	font-size: 12px;
	font-weight: 500;
	opacity: 0.8;
}

.enc2-cta__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.enc2-cta--bottom {
	margin-top: var(--mn-32);
	margin-bottom: var(--mn-40);
	padding: var(--mn-32);
	border-radius: var(--r-24);
	background: var(--enc2-bg);
}

.enc2-cta__title {
	margin: 0 0 16px;
	font-size: 18px;
	font-weight: 600;
}

.enc2-downloads__list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.enc2-downloads--banner {
	margin: 0;
}

.enc2-downloads--list {
	margin-top: 24px;
}

.enc2-file-link {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	min-width: 44px;
	justify-content: center;
	margin: 0 6px 0 0;
	padding: 0 8px;
	border: 1px solid var(--enc2-border);
	border-radius: 8px;
	font-weight: 600;
	text-decoration: none;
}

/* ---------- Карточки разделов, ГОСТов, товаров ---------- */
.enc2-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.enc2-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
	padding: 20px;
	border-radius: var(--enc2-radius);
	background: var(--enc2-bg);
	border: 1px solid transparent;
	transition: border-color 0.2s ease;
}

.enc2-card:hover,
.enc2-card:focus-within {
	border-color: var(--enc2-green);
}

.enc2-card__link {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-height: 44px;
	color: inherit;
	text-decoration: none;
}

.enc2-card__title {
	font-size: 16px;
	font-weight: 600;
	color: var(--enc2-text);
}

.enc2-card__text {
	font-size: 14px;
	line-height: 140%;
	color: var(--enc2-muted);
}

.enc2-card__button {
	margin-top: auto;
	align-self: flex-start;
}

/* «Как нанести знак на коробку»: карточки-ссылки читаются как ссылки — подпись и стрелка (CHG-2026-024) */
.enc2-cards--products {
	margin-bottom: 32px;
}

.enc2-cards--products .enc2-card__link {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.enc2-cards--products .enc2-card__link::after {
	content: '→';
	flex: 0 0 auto;
	font-size: 20px;
	font-weight: 600;
	color: var(--enc2-green);
	transition: transform 0.2s ease;
}

.enc2-cards--products .enc2-card__link:hover::after {
	transform: translateX(4px);
}

.enc2-cards--products .enc2-card__title {
	text-decoration: underline;
	text-decoration-color: rgba(62, 62, 62, 0.25);
	text-underline-offset: 3px;
}

.enc2-cards--products .enc2-card__link:hover .enc2-card__title {
	color: var(--enc2-green);
	text-decoration-color: currentColor;
}

.enc2-card--gost .enc2-badge {
	align-self: flex-start;
}

.enc2-sections {
	margin-bottom: 32px;
}

.enc2-main-col {
	min-width: 0;
}

/* ---------- Бейдж статуса: текст + цвет ---------- */
.enc2-badge {
	display: inline-block;
	padding: 0 var(--mn-8);
	border-radius: var(--r-8);
	font-size: var(--fs-14);
	font-weight: var(--fw-600);
	line-height: var(--lh-24);
	white-space: nowrap;
	border: 1px solid currentColor;
}

.enc2-badge--ok { color: #1E6B25; background: #E8F6E9; }
.enc2-badge--info { color: #1B4F8A; background: #E6F0FB; }
.enc2-badge--warn { color: #7A4E00; background: #FFF3D6; }
.enc2-badge--archive { color: #555; background: #EFEFEF; }
.enc2-badge--off { color: #9B1C1C; background: #FCEBEB; }

/* ---------- Карточка ГОСТ ---------- */
.enc2-gost-card {
	padding: 32px;
	border-radius: 24px;
	border: 1px solid var(--enc2-border);
}

.enc2-gost-card__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
	gap: 16px 32px;
	margin: 0;
}

.enc2-gost-card__row {
	min-width: 0;
}

.enc2-gost-card__row dt {
	font-size: var(--fs-12);
	color: var(--enc2-muted);
}

.enc2-gost-card__row dd {
	margin: 4px 0 0;
	font-size: 16px;
	font-weight: 500;
}

.enc2-gost-card__amendments {
	margin: 0;
	padding-left: 18px;
}

.enc2-gost-card__checked {
	margin: 20px 0 0;
	font-size: 14px;
	color: var(--enc2-muted);
}

/* ---------- Таблицы ---------- */
.enc2-scroll,
.enc2-table-wrap {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.enc2-scroll:focus-visible,
.enc2-table-wrap:focus-visible {
	outline: 2px solid var(--enc2-green);
	outline-offset: 2px;
}

/* Первая колонка мини-таблиц закреплена при прокрутке (п. 4.6) */
.enc2-scroll table th:first-child,
.enc2-scroll table td:first-child {
	position: sticky;
	left: 0;
	z-index: 1;
	background: #FFF;
}

.enc2-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	line-height: 140%;
}

.enc2-table th,
.enc2-table td {
	padding: 12px 16px 12px 0;
	border-bottom: 1px solid var(--enc2-border);
	text-align: left;
	vertical-align: top;
}

.enc2-table thead th {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--enc2-muted);
}

.enc2-table tr[hidden],
[data-enc2-group][hidden] {
	display: none !important;
}

.enc2-signs-table .enc2-col-img img {
	display: block;
	width: 64px;
	height: 64px;
	object-fit: contain;
	border-radius: 0;
}

.enc2-signs-table .enc2-col-num,
.enc2-registry-table .enc2-col-designation {
	font-weight: 600;
}

/* CHG-2026-026 (A-6): номера ISO 780 / ISO 7000 второй строкой в колонке № 34757-2021 (на телефоне — карточки, без nowrap) */
@media (min-width: 768px) {
	.enc2-signs-table .enc2-col-num34757 {
		white-space: nowrap;
	}
}

.enc2-sign-iso {
	display: block;
	margin-top: 4px;
	font-size: 0.85em;
	line-height: 1.3;
	color: var(--enc2-muted);
}

.enc2-table tr:target {
	background: #FFF8E1;
}

/* ---------- Хаб ГОСТ: чипы, фильтр, архив ---------- */
.enc2-registry__checked {
	margin: -8px 0 16px;
	color: var(--enc2-muted);
}

.enc2-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
}

.enc2-page .enc2-chip {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 16px;
	border-radius: var(--r-16);
	background: var(--enc2-bg);
	color: var(--enc2-text);
	font-weight: 600;
	text-decoration: none;
	border: 1px solid transparent;
}

.enc2-page .enc2-chip:hover {
	border-color: var(--enc2-green);
}

.enc2-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
	margin-bottom: 16px;
}

.enc2-filter__label {
	font-weight: 600;
}

.enc2-filter__input {
	flex: 1 1 240px;
	min-width: 0;
	min-height: 44px;
	padding: 0 16px;
	border: 1px solid var(--enc2-border);
	border-radius: 8px;
	font-size: 16px; /* без автоприближения в iOS */
}

.enc2-filter__empty {
	flex-basis: 100%;
	margin: 0;
	color: var(--enc2-muted);
}

.enc2-reg-group,
.enc2-page [id] {
	scroll-margin-top: 80px;
}

.enc2-archive {
	margin-top: 12px;
}

.enc2-archive__summary {
	display: flex;
	align-items: center;
	min-height: 44px;
	cursor: pointer;
	font-weight: 600;
}

/* ---------- FAQ: открыт первый пункт, остальные по клику ---------- */
.enc2-faq__item {
	border-bottom: 1px solid var(--enc2-border);
}

.enc2-page .enc2-faq__q {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.enc2-page .enc2-faq__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	margin: 0;
	padding: 16px 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	font-size: 18px;
	font-weight: 600;
	line-height: 130%;
	text-align: left;
	cursor: pointer;
}

.enc2-faq__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	border-radius: 8px;
	background: #DBFFDD;
	color: var(--enc2-green);
	font-size: 20px;
	line-height: 32px;
}

.enc2-faq__icon::before {
	content: "+";
}

.enc2-faq__item--opened .enc2-faq__icon::before {
	content: "−";
}

.enc2-page .enc2-faq__a {
	display: none;
	padding: 0 0 16px;
}

.enc2-page .enc2-faq__item--opened .enc2-faq__a {
	display: block;
}

.enc2-page .enc2-faq__a p {
	margin: 0 0 8px;
	font-size: 16px;
	line-height: 150%;
}

/* ---------- Автор, рецензент, источники ---------- */
.enc2-review {
	padding: 24px;
	border-radius: var(--enc2-radius);
	background: var(--enc2-bg);
}

.enc2-review__people {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 40px;
}

.enc2-review__person {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.enc2-page .enc2-review__photo {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
}

.enc2-review__info {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.enc2-review__role,
.enc2-review__position {
	font-size: var(--fs-12);
	color: var(--enc2-muted);
}

.enc2-review__name {
	font-size: 16px;
	font-weight: 600;
}

.enc2-review__date {
	margin: 16px 0 0;
}

/* Строка «Проверил: …» в первом экране (CHG-2026-024) */
.enc2-page .enc2-checked {
	margin-top: 16px;
	font-size: 14px;
	line-height: 150%;
}

.enc2-page .enc2-checked__label {
	color: var(--enc2-muted);
}

.enc2-page .enc2-checked__name {
	font-weight: 600;
	color: inherit;
}

.enc2-page .enc2-checked a.enc2-checked__name:hover {
	color: var(--enc2-green);
}

.enc2-sources {
	margin-top: 16px;
}

.enc2-sources__list {
	margin: 0;
	padding-left: 20px;
}

/* ---------- Внутренние ссылки ---------- */
.enc2-related__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.enc2-related__item a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-weight: 500;
}

.enc2-related__note {
	color: var(--enc2-muted);
	margin-left: 4px;
}

/* ---------- Знаки ---------- */
.enc2-plates {
	margin: 0;
	font-weight: 600;
}

.enc2-plate {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 8px;
	background: #FFF;
	white-space: nowrap;
}

/* Знак в карточке: не выше 180 px, на белой плашке с рамкой; подпись справа (CHG-2026-024) */
.enc2-sign-figure {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 32px;
	margin: 0 0 16px;
	padding: 20px 24px;
	border: 1px solid var(--enc2-border);
	border-radius: var(--enc2-radius);
	background: #FFF;
	max-width: 600px;
	box-sizing: border-box;
}

.enc2-page .enc2-sign-figure img {
	flex: 0 0 auto;
	width: auto;
	max-width: 160px;
	height: auto;
	max-height: 180px;
	object-fit: contain;
	border-radius: 0;
	background: #FFF;
}

.enc2-sign-figure figcaption {
	flex: 1 1 200px;
	min-width: 0;
	font-weight: 600;
}

.enc2-sign-gost__req {
	margin: var(--mn-16) 0 0;
	font-size: var(--fs-16);
	line-height: var(--lh-24);
}

.enc2-sign-gost__req strong {
	display: block;
	margin-bottom: 4px;
	font-size: var(--fs-12);
	font-weight: 700;
	text-transform: uppercase;
	color: var(--enc2-muted);
}

.enc2-sign-meaning {
	margin: 0;
	font-size: 16px;
	line-height: 150%;
}

.enc2-sign-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.enc2-sign-card {
	display: flex;
	gap: 16px;
	min-width: 0;
	padding: 16px;
	border-radius: var(--enc2-radius);
	background: var(--enc2-bg);
}

.enc2-page .enc2-sign-card__img {
	flex: 0 0 auto;
	width: 72px;
	height: 72px;
	object-fit: contain;
	border-radius: 0;
	background: #FFF;
}

.enc2-sign-card__body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.enc2-sign-card__name {
	font-weight: 600;
}

.enc2-sign-card__codes {
	font-size: var(--fs-12);
	color: var(--enc2-muted);
}

.enc2-page .enc2-sign-card__text {
	margin: 4px 0 0;
	font-size: 14px;
}

.enc2-all-signs .enc2-btn {
	margin-top: 16px;
}

/* ---------- Лаборатория ---------- */
.enc2-lab__note {
	margin-top: 12px;
	color: var(--enc2-muted);
}

/* ---------- Строка ТЗ: кнопка копирования (enc2.js) ---------- */
.enc2-tz {
	position: relative;
	padding: 16px;
	border-left: 4px solid var(--enc2-green);
	background: var(--enc2-bg);
}

.enc2-page .enc2-tz-copy {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-top: 8px;
	padding: 0 16px;
	border: 1px solid var(--enc2-green);
	border-radius: 8px;
	background: #FFF;
	font-weight: 600;
	cursor: pointer;
}

/* ---------- Планшет ---------- */
@media screen and (max-width: 1199px) {
	.news-detail.enc2-page > section,
	.news-detail.enc2-page > nav,
	.news-detail.enc2-page > div:not(:first-child) {
		margin-top: 32px;
	}

	.news-detail.enc2-page > section,
	.news-detail.enc2-page > nav,
	.enc2-after {
		padding-left: 16px;
		padding-right: 16px;
	}

	.enc2-gost-card,
	.enc2-cta--bottom {
		padding: 24px 16px;
	}

	.enc2-page .enc2-h2 {
		font-size: 20px;
	}

	/* new_template переносит оглавление над текстом: текст — на всю ширину строки */
	.enc2-page .news-detail__content {
		flex: 1 1 100%;
	}
}

/* ---------- Телефон: таблицы хабов → карточки (подписи колонок из data-label) ---------- */
@media screen and (max-width: 767px) {
	.encyclopedia-handbook__layout {
		flex-direction: column;
	}

	.encyclopedia-handbook__col--sidebar {
		max-width: none;
	}

	.enc2-table--cards,
	.enc2-table--cards tbody,
	.enc2-table--cards tr,
	.enc2-table--cards th,
	.enc2-table--cards td {
		display: block;
		width: 100%;
	}

	.enc2-table--cards thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}

	.enc2-table-wrap {
		overflow-x: visible;
	}

	.enc2-table--cards tr {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 8px 12px;
		margin-bottom: 12px;
		padding: 16px;
		border: 1px solid var(--enc2-border);
		border-radius: var(--enc2-radius);
		background: #FFF;
	}

	.enc2-table--cards th,
	.enc2-table--cards td {
		grid-column: 1 / -1;
		padding: 0;
		border: 0;
		min-width: 0;
	}

	.enc2-table--cards td[data-label]::before {
		content: attr(data-label);
		display: block;
		font-size: 12px;
		font-weight: 600;
		text-transform: uppercase;
		color: var(--enc2-muted);
	}

	/* Пустые ячейки («Замена» без значения) в карточках не показываем — карточка реестра короче (CHG-2026-024) */
	.enc2-table--cards td.enc2-cell--empty {
		display: none;
	}

	.enc2-table--cards tr {
		padding: 14px 16px;
	}

	/* Мини-таблица «Знак по ГОСТ» на странице знака — тоже карточками, а не прокруткой с обрезанным текстом */
	.enc2-sign-gost .enc2-scroll {
		overflow-x: visible;
	}

	.enc2-sign-gost .enc2-scroll table th:first-child,
	.enc2-sign-gost .enc2-scroll table td:first-child {
		position: static;
	}

	.enc2-table--cards th[scope="row"] {
		font-size: var(--fs-16);
	}

	/* Знак на телефоне: не выше 140 px, подпись под ним */
	.enc2-sign-figure {
		padding: 16px;
		gap: 12px;
	}

	.enc2-page .enc2-sign-figure img {
		max-width: 120px;
		max-height: 140px;
	}

	/* Реестр ГОСТ: номер, бейдж и дата сверху, остальное ниже */
	.enc2-registry-table .enc2-col-designation,
	.enc2-replaced-table .enc2-col-designation {
		grid-column: 1;
		font-size: 16px;
	}

	.enc2-registry-table .enc2-col-status,
	.enc2-replaced-table .enc2-col-status {
		grid-column: 2;
		grid-row: 1;
		justify-self: end;
	}

	.enc2-registry-table .enc2-col-status::before,
	.enc2-replaced-table .enc2-col-status::before {
		display: none !important;
	}

	.enc2-registry-table .enc2-col-date,
	.enc2-replaced-table .enc2-col-date {
		order: -1;
		grid-row: 2;
	}

	/* Реестр ГОСТ компактнее (CHG-2026-024): дата и ссылка — одной строкой без подписей, название — без подписи */
	.enc2-registry-table .enc2-col-date::before,
	.enc2-registry-table .enc2-col-link::before,
	.enc2-registry-table .enc2-col-title::before {
		display: none !important;
	}

	.enc2-registry-table .enc2-col-date {
		grid-column: 1;
		font-size: var(--fs-12);
		color: var(--enc2-muted);
	}

	.enc2-registry-table .enc2-col-link {
		grid-column: 2;
		grid-row: 2;
		justify-self: end;
		font-size: var(--fs-12);
		font-weight: 600;
	}

	.enc2-registry-table .enc2-col-title {
		grid-row: 3;
		font-weight: 500;
	}

	.enc2-registry-table .enc2-col-replace {
		grid-row: 4;
	}

	.enc2-registry-table .enc2-col-note {
		grid-row: 5;
		font-size: var(--fs-12);
		color: var(--enc2-muted);
	}

	.enc2-registry-table .enc2-col-note::before {
		font-size: var(--fs-12);
	}

	/* Длинное обозначение (ГОСТ ISO/TR 18568-2023) не залезает под бейдж */
	.enc2-registry-table .enc2-col-designation,
	.enc2-replaced-table .enc2-col-designation {
		min-width: 0;
		padding-right: 8px;
	}

	.enc2-registry-table .enc2-col-designation .enc2-nowrap,
	.enc2-replaced-table .enc2-col-designation .enc2-nowrap {
		white-space: normal;
	}

	/* Таблица знаков: SVG и номера сверху, затем название, значение и кнопки */
	.enc2-signs-table .enc2-col-img {
		grid-column: 2;
		grid-row: 1 / span 2;
	}

	.enc2-signs-table .enc2-col-img::before {
		display: none !important;
	}

	.enc2-signs-table .enc2-col-num,
	.enc2-signs-table .enc2-col-name {
		grid-column: 1;
	}

	.enc2-review__people {
		flex-direction: column;
	}

	.enc2-cta__buttons .enc2-btn {
		flex: 1 1 100%;
	}

	/* SVG / PDF / PNG — по два в ряд, чтобы кнопки скачивания помещались в первый экран 360 px */
	.enc2-downloads--banner .enc2-downloads__item {
		flex: 1 1 calc(50% - 6px);
		min-width: 0;
	}

	.enc2-downloads--banner .enc2-btn {
		width: 100%;
		padding-left: 8px;
		padding-right: 8px;
	}

	.enc2-sign-card {
		flex-direction: row;
	}
}

/* Иллюстрации в тексте (CHG-2026-015 (9), claude/23) */
.enc2-page .enc2-photo {
	margin: var(--mn-24) 0;
	max-width: 100%;
}

.enc2-page .enc2-photo img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--r-16);
}

.enc2-page .enc2-photo figcaption {
	margin-top: 8px;
	font-size: 14px;
	line-height: 145%;
	color: #5C5C5C;
}

/* ---------- Главная энциклопедии (CHG-2026-025, аудит claude/28 A-3) ---------- */
.enc2-page--main .enc2-main-hero {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px 40px;
	margin: 24px 0 40px;
	padding: 32px;
	border-radius: 24px;
	background: #EAF4FB;
}

.enc2-page--main .enc2-main-hero__text {
	flex: 1 1 420px;
	min-width: 0;
}

.enc2-page--main .enc2-main-hero .enc2-answer {
	max-width: none;
	font-size: var(--fs-18);
	line-height: 155%;
}

.enc2-page--main .enc2-main-hero__facts {
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.enc2-page--main .enc2-main-hero__facts li {
	position: relative;
	padding-left: 24px;
	font-size: var(--fs-16);
	line-height: 145%;
}

.enc2-page--main .enc2-main-hero__facts li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 12px;
	height: 12px;
	border-radius: var(--r-8);
	background: var(--enc2-green);
}

.enc2-page--main .enc2-main-hero__review {
	margin: 16px 0 0;
	font-size: 14px;
	color: var(--enc2-muted);
}

.enc2-page--main .enc2-main-hero__review a {
	font-weight: 600;
	color: var(--enc2-text);
}

.enc2-page--main .enc2-main-hero__pic {
	flex: 0 1 440px;
	min-width: 0;
	margin: 0;
}

.enc2-page--main .enc2-main-hero__pic img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 16px;
}

.enc2-page--main .enc2-main-hero__pic figcaption {
	margin-top: 8px;
	font-size: 12px;
	line-height: 140%;
	color: var(--enc2-muted);
}

.enc2-page--main .enc2-sections,
.enc2-page--main .enc2-popular,
.enc2-page--main .enc2-main-terms,
.enc2-page--main .enc2-main-how {
	margin-bottom: 48px;
}

.enc2-cards--main {
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
	gap: 20px;
}

.enc2-card--section {
	padding: 24px;
	background: #FFF;
	border: 1px solid var(--enc2-border);
	gap: 12px;
}

.enc2-card--section:hover,
.enc2-card--section:focus-within {
	border-color: var(--enc2-green);
	box-shadow: 0 8px 24px rgba(24, 47, 105, 0.06);
}

.enc2-card--section .enc2-card__title {
	font-size: 18px;
}

.enc2-card--section .enc2-card__text {
	font-size: 14px;
	line-height: 145%;
	color: var(--enc2-text);
}

.enc2-card__links {
	margin: 4px 0 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 14px;
}

.enc2-card__links a {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	color: var(--enc2-text);
	text-decoration: underline;
	text-decoration-color: rgba(62, 62, 62, 0.25);
	text-underline-offset: 3px;
}

.enc2-card__links a:hover {
	color: var(--enc2-green);
	text-decoration-color: currentColor;
}

.enc2-card__more {
	margin-top: auto;
	padding-top: 8px;
	font-size: 14px;
	font-weight: 600;
	color: var(--enc2-green);
	text-decoration: none;
}

.enc2-card__more::after {
	content: ' →';
}

.enc2-chips--links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.enc2-chips--links li {
	margin: 0;
	padding: 0;
}

.enc2-page .enc2-chips--links .enc2-chip {
	text-decoration: none;
}

.enc2-page--main .enc2-main-how {
	padding: 24px;
	border-radius: var(--enc2-radius);
	background: var(--enc2-bg);
}

.enc2-page--main .enc2-main-how__list {
	margin: 0;
	padding-left: 20px;
	font-size: var(--fs-16);
	line-height: 150%;
}

.enc2-page--main .enc2-main-how__list li + li {
	margin-top: 8px;
}

@media screen and (max-width: 767px) {
	.enc2-page--main .enc2-main-hero {
		padding: 20px 16px;
		margin: 16px 0 32px;
	}

	.enc2-page--main .enc2-main-hero__pic {
		flex-basis: 100%;
	}

	.enc2-card--section {
		padding: 20px 16px;
	}
}

/* ---------- Главная: меню-оглавление слева (CHG-2026-029) ---------- */
.enc2-page--main .enc2-main-layout {
	display: flex;
	align-items: stretch;
	gap: 40px;
}

.enc2-page--main .enc2-main-aside {
	flex: 0 0 256px;
	min-width: 0;
}

.enc2-page--main .enc2-main-body {
	flex: 1 1 auto;
	min-width: 0;
}

.enc2-page--main .enc2-main-nav {
	position: sticky;
	top: 112px;
	max-height: calc(100vh - 132px);
	overflow-y: auto;
	padding-top: 24px;
}

.enc2-page--main .enc2-main-nav__toggle[hidden] {
	display: none;
}

.enc2-page--main .enc2-main-nav__anchors {
	margin-top: 28px;
	padding-top: 20px;
	border-top: 1px solid var(--enc2-border);
}

.enc2-page--main .enc2-main-nav__title {
	margin: 0 0 12px;
	font-size: var(--fs-12);
	font-weight: 600;
	line-height: 140%;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--enc2-muted);
}

.enc2-page--main .enc2-main-nav__anchors ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.enc2-page--main .enc2-main-nav__anchors li {
	margin: 0;
	padding: 0;
}

.enc2-page--main .enc2-main-nav__anchors a {
	font-size: var(--fs-16);
	line-height: 140%;
	color: var(--enc2-text);
	text-decoration: none;
}

.enc2-page--main .enc2-main-nav__anchors a:hover {
	color: var(--enc2-green);
}

.enc2-page--main [id^="enc2-"] {
	scroll-margin-top: 110px;
}

@media screen and (max-width: 991px) {
	.enc2-page--main .enc2-main-layout {
		flex-direction: column;
		gap: 0;
	}

	.enc2-page--main .enc2-main-aside {
		flex-basis: auto;
		width: 100%;
	}

	.enc2-page--main .enc2-main-nav {
		position: static;
		max-height: none;
		overflow: visible;
		padding-top: 16px;
	}

	.enc2-page--main .enc2-main-nav__toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		min-height: 48px;
		padding: 12px 16px;
		border: 1px solid var(--enc2-border);
		border-radius: var(--r-16);
		background: #FFF;
		font: inherit;
		font-size: 16px;
		font-weight: 600;
		color: var(--enc2-text);
		cursor: pointer;
	}

	.enc2-page--main .enc2-main-nav__toggle::after {
		content: '';
		width: 9px;
		height: 9px;
		margin: -4px 4px 0 12px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(45deg);
		transition: transform 0.2s ease;
	}

	.enc2-page--main .enc2-main-nav.is-open .enc2-main-nav__toggle::after {
		margin-top: 4px;
		transform: rotate(-135deg);
	}

	.enc2-page--main .enc2-main-nav.is-js:not(.is-open) .enc2-main-nav__body {
		display: none;
	}

	.enc2-page--main .enc2-main-nav__body {
		margin-top: 12px;
		padding: 16px;
		border-radius: var(--r-16);
		background: var(--enc2-bg);
	}

	section.handbook .enc2-page--main .encyclopedia-menu__list {
		gap: 14px;
	}

	section.handbook .enc2-page--main .encyclopedia-menu__link {
		font-size: var(--fs-16);
	}

	.enc2-page--main .enc2-main-nav__anchors {
		margin-top: 20px;
		padding-top: 16px;
	}
}

@media screen and (min-width: 992px) {
	.enc2-page--main .enc2-main-nav__toggle {
		display: none !important;
	}
}

@media (max-width: 560px) {
	.enc2-page .news-detail__content .two_pictures {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* End */
/* /about/encyclopedia_of_packaging/assets/css/encyclopedia.css?178154722414476 */
/* /local/templates/gofromir_refactored/assets/css/blocks/content/handbook.css?17929484773426 */
/* /local/templates/gofromir_refactored/components/bitrix/breadcrumb/on_first_screen_with_background/style.css?17929484772848 */
/* /local/templates/gofromir_refactored/components/bitrix/news/encyclopedia/encyclopedia.css?179294847713044 */
/* /local/templates/gofromir_refactored/components/bitrix/news.detail/new_template/style.css?179304015428566 */
/* /include/general/blocks/blog_expert_author.css?1784886590916 */
/* /local/templates/.default/enc2/css/enc2.css?179311149833009 */