

/* Start:/local/templates/np2026/components/bitrix/news.list/banners/style.css?17746134851385*/
.page .banners {}
.page .banners .items {}
.page .banners .items .item {position: relative; display: flex; align-items: center; justify-content: center; height: 920px;}
.page .banners .items .item .image {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.page .banners .items .item .image img {width: 100%; height: 100%; object-fit: cover;}
.page .banners .items .item .data {display: flex; flex-direction: column; max-width: 800px; text-align: center; position: relative; gap: 40px;}
.page .banners .items .item .data .title {font-size: 280%; line-height: 1.1; text-transform: uppercase; color: #fff;}
.page .banners .items .item .data .link {font-size: 70%; padding: 18px 24px; border-radius: 2em; text-transform: uppercase; background: #fff; color: #18243D; font-weight: 500; margin: 0 auto;}
.page .banners .items .item .detail {position: absolute; bottom: 32px; left: 50%; transform: translate(-50%, 0); max-width: 1600px; width: 100%; padding: 0 32px;}
.page .banners .items .item .detail a {display: flex; gap: 12px; color: #fff; text-transform: uppercase; align-items: center;}
.page .banners .items .item .detail a:before {content: ""; background: url(/local/templates/np2026/images/banner-detail.svg) 50% 50% no-repeat; width: 56px; height: 56px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.2);}

@media (max-width: 700px)
{
	
}
/* End */


/* Start:/local/templates/np2026/components/bitrix/news.list/advantages_main/style.css?17707673041312*/
.page .advantages_main-wrap {background: #F2F6FA; padding: 120px 0; }
.page .advantages_main {max-width: 1640px; padding: 0 20px; margin: 0 auto;}
.page .advantages_main h2 {font-size: 70%; padding: 0 0 32px; margin: 0; max-width: none; text-align: left; color: #8C93A1;}
.page .advantages_main .top {display: grid; gap: 32px; grid-template-columns: 1fr 1fr; padding: 0 0 64px;}
.page .advantages_main .top .title {font-size: 280%; line-height: 1;}
.page .advantages_main .top .text {}
.page .advantages_main .items {display: grid; gap: 32px; grid-template-columns: 1fr 1fr 1fr 1fr;}
.page .advantages_main .items .item {background: #fff; display: flex; flex-direction: column; padding: 32px; gap: 168px;}
.page .advantages_main .items .item .title {font-size: 160%; line-height: 1.25;}
.page .advantages_main .items .item .description {color: #475266;}

@media (max-width: 1400px)
{
	.page .advantages_main .top {grid-template-columns: 1fr;}
	.page .advantages_main .items {grid-template-columns: 1fr 1fr;}
}

@media (max-width: 900px)
{
	.page .advantages_main .items {grid-template-columns: 1fr;}
}

@media (max-width: 700px)
{
	.page .advantages_main-wrap {padding: 60px 0;}
	.page .advantages_main .top .title {font-size: 175%;}
	.page .advantages_main .items .item {gap: 68px;}
}
/* End */


/* Start:/local/templates/np2026/components/bitrix/catalog.section.list/main/style.css?17719774471673*/
.page .main-sections {max-width: 1640px; margin: 0 auto; padding: 120px 20px;}
.page .main-sections h2 {margin: 0 auto; max-width: none; text-align: left; padding: 0 0 1em;}
.page .main-sections .items {display: grid; gap: 32px; grid-template-columns: 1fr 1fr 1fr 1fr;}
.page .main-sections .item {position: relative; height: 440px;}
.page .main-sections .item_size2 {grid-column: span 2;}
.page .main-sections .item_size4 {grid-column: span 1;}

.page .main-sections .item .image {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.page .main-sections .item .image img {width: 100%; height: 100%; object-fit: cover;}
.page .main-sections .item .info {position: absolute; bottom: 0; left: 0; right: 0; padding: 32px; color: #fff; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5));}
.page .main-sections .item .title {font-size: 120%; display: flex; gap: 20px; align-items: center;}
.page .main-sections .item .title:after {content: ""; width: 20px; height: 32px; background: url(/local/templates/np2026/images/arrow.svg) 50% 50% no-repeat; flex: 0 0 auto; opacity: 0;}
.page .main-sections .item .description {font-size: 80%; opacity: 0.8;}
.page .main-sections .item:hover .title:after {opacity: 1;}

@media (max-width: 700px)
{
	.page .main-sections {padding: 60px 20px;}
	.page .main-sections .items {gap: 8px;}
	.page .main-sections .item {height: 220px;}
	.page .main-sections .item_size2 {grid-column: span 4;}
	.page .main-sections .item_size4 {grid-column: span 2;}
	.page .main-sections .item .info {padding: 20px;}
	.page .main-sections .item .title:after {opacity: 0;}
	.page .main-sections .item .description {display: none;}
}
/* End */


/* Start:/local/templates/np2026/components/bitrix/catalog.section/catalog.recommend/style.css?17731830218785*/
.page .catalog-recommend {margin: 0 auto 120px; max-width: 1640px; padding: 0 20px;}
.page .catalog-recommend h2 {margin: 0 auto; max-width: none; text-align: left; padding: 0 0 40px;}
.page .catalog-recommend > input {position: absolute; visibility: hidden;}

.page .catalog-recommend .sections {display: flex; gap: 12px; margin: 0 0 46px;}
.page .catalog-recommend .section {padding: 14px 20px; font-size: 70%; font-weight: 500; text-transform: uppercase; border: 1px solid #E9EBF2; border-radius: 3em; cursor: pointer;}
.page .catalog-recommend .section:hover {border-color: #18243D;}

.page .catalog-recommend > input:nth-of-type(1):checked ~ .sections .section:nth-of-type(1),
.page .catalog-recommend > input:nth-of-type(2):checked ~ .sections .section:nth-of-type(2),
.page .catalog-recommend > input:nth-of-type(3):checked ~ .sections .section:nth-of-type(3),
.page .catalog-recommend > input:nth-of-type(4):checked ~ .sections .section:nth-of-type(4),
.page .catalog-recommend > input:nth-of-type(5):checked ~ .sections .section:nth-of-type(5),
.page .catalog-recommend > input:nth-of-type(6):checked ~ .sections .section:nth-of-type(6),
.page .catalog-recommend > input:nth-of-type(7):checked ~ .sections .section:nth-of-type(7),
.page .catalog-recommend > input:nth-of-type(8):checked ~ .sections .section:nth-of-type(8),
.page .catalog-recommend > input:nth-of-type(9):checked ~ .sections .section:nth-of-type(9) {border-color: #18243D;}

.page .catalog-recommend .group {display: none;}

.page .catalog-recommend > input:nth-of-type(1):checked ~ .group:nth-of-type(2),
.page .catalog-recommend > input:nth-of-type(2):checked ~ .group:nth-of-type(3),
.page .catalog-recommend > input:nth-of-type(3):checked ~ .group:nth-of-type(4),
.page .catalog-recommend > input:nth-of-type(4):checked ~ .group:nth-of-type(5),
.page .catalog-recommend > input:nth-of-type(5):checked ~ .group:nth-of-type(6),
.page .catalog-recommend > input:nth-of-type(6):checked ~ .group:nth-of-type(7),
.page .catalog-recommend > input:nth-of-type(7):checked ~ .group:nth-of-type(8),
.page .catalog-recommend > input:nth-of-type(8):checked ~ .group:nth-of-type(9),
.page .catalog-recommend > input:nth-of-type(9):checked ~ .group:nth-of-type(10) {display: block;}

.page .catalog-recommend .items {}
.page .catalog-recommend .item {box-shadow: 0 0 0 1px #F2F6FA; background: #fff; display: flex; flex-direction: column; position: relative;}

.page .catalog-recommend .item .preview-wrap {background: #F2F6FA; padding: 1em;}
.page .catalog-recommend .item .preview {text-align: center; position: relative;}
.page .catalog-recommend .item .preview .images {}
.page .catalog-recommend .item .preview .images .image {display: none; position: relative; padding-top: 100%;}
.page .catalog-recommend .item .preview .images .image img {margin: 0 auto; object-fit: cover; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.page .catalog-recommend .item .preview .images .image.active {display: block;}
.page .catalog-recommend .item .preview .labels {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; z-index: 1;}
.page .catalog-recommend .item .preview .labels label {flex: 1 0 auto; display: flex; flex-direction: column; justify-content: end; padding: 5px;}
.page .catalog-recommend .item .preview .labels label:after {content: ""; background: rgba(255, 255, 255, 0.5); height: 2px;}
.page .catalog-recommend .item .preview .labels label.active:after {background: #fff;}
.page .catalog-recommend .item .preview .labels label:first-child:last-child {display: none;}

.page .catalog-recommend .item .data {padding: 1em; display: flex; flex-direction: column; gap: 16px; border-top: 1px solid #fff;}

.page .catalog-recommend .item .data .title {overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; box-orient: vertical; height: 81px; font-size: 80%;}

.page .catalog-recommend .item .prices {display: flex; gap: 4px; flex-direction: column;}

.page .catalog-recommend .item .price {}
.page .catalog-recommend .item .price .value {font-size: 120%; font-weight: 500;}
.page .catalog-recommend .item .price .old {color: #aaa; position: relative;}
.page .catalog-recommend .item .price .old:after {content: ''; position: absolute; width: 120%; height: 1px; background: #aaa; left: 50%; top: 50%; transform: rotate(-10deg) translate(-50%, -50%); transform-origin: left;}

.page .catalog-recommend .item .price-small {}
.page .catalog-recommend .item .price-small .value {color: #8C93A1; font-size: 80%;}

.page .catalog-recommend .item .basket {display: flex; align-items: center; gap: 8px;}

.page .catalog-recommend .item .basket .minus {flex: 0 0 2.4em; height: 2.4em; background: url(/local/templates/np2026/images/minus.svg) 50% 50% no-repeat; border-radius: 50%;}
.page .catalog-recommend .item .basket .minus:hover {background-color: #E9EBF2;}
.page .catalog-recommend .item .basket .plus {flex: 0 0 2.4em; height: 2.4em; background: url(/local/templates/np2026/images/plus.svg) 50% 50% no-repeat; border-radius: 50%;}
.page .catalog-recommend .item .basket .plus:hover {background-color: #E9EBF2;}
.page .catalog-recommend .item .basket input {flex: 1 0 2.4em; width: 2.4em; padding: 0; font: inherit; font-size: 80%; text-align: center; border: none; background: transparent; outline: none;}
.page .catalog-recommend .item .basket input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.page .catalog-recommend .item .basket input::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}

.page .catalog-recommend .item .basket .buy {font-size: 70%; font-weight: 500; flex: 0 0 auto; margin-right: auto; display: block; padding: 14px 34px; background: #18243D; color: #fff; border-radius: 3em; text-transform: uppercase;}
.page .catalog-recommend .item .basket .buy:hover {color: #ddd;}

/* .page .catalog-recommend .item .icons {position: absolute; display: flex; flex-direction: column; gap: 10px; top: 40px; left: 30px;} */
/* .page .catalog-recommend .item .icons .icon-like {background: #5c5; border-radius: 50%; flex: 0 0 40px; width: 40px; justify-content: center;} */
/* .page .catalog-recommend .item .icons .icon-like:before {filter: brightness(0) invert(1);} */
/* .page .catalog-recommend .item .icons .icon-fire {background: #d33; border-radius: 50%; flex: 0 0 40px; width: 40px; justify-content: center;} */
/* .page .catalog-recommend .item .icons .icon-fire:before {filter: brightness(0) invert(1);} */

.page .catalog-recommend .item .icons {display: flex; gap: 8px; flex-direction: column; position: absolute; top: 8px; left: 8px; white-space: nowrap; width: calc(100% - 16px); align-items: start;}
.page .catalog-recommend .item .icons .selling {background: #fff; border-radius: 2em; padding: 6px; display: flex; gap: 4px; align-items: center; font-size: 60%; font-weight: 500; text-transform: uppercase; max-width: 100%; overflow: hidden;}
.page .catalog-recommend .item .icons .selling:before {content: ""; flex: 0 0 auto; background: url(/local/templates/np2026/images/selling.svg) 50% 50% no-repeat; width: 20px; height: 20px;}
.page .catalog-recommend .item .icons .action {background: #fff; border-radius: 2em; padding: 6px; display: flex; gap: 4px; align-items: center; font-size: 60%; font-weight: 500; text-transform: uppercase; max-width: 100%; overflow: hidden;}
.page .catalog-recommend .item .icons .action:before {content: ""; flex: 0 0 auto; background: url(/local/templates/np2026/images/action.svg) 50% 50% no-repeat; width: 20px; height: 20px;}


.page .catalog-recommend .item:hover {background: #F2F6FA;}
.page .catalog-recommend .item:hover .data {border-top: 1px solid #E9EBF2;}

.page .catalog-recommend .bx-wrapper .bx-controls-direction {top: -4.8em;}

@media (max-width: 1600px)
{
    /* .page .catalog-recommend .items {grid-template-columns: 1fr 1fr;} */
}

@media (max-width: 900px)
{
    /* .page .catalog-recommend .items {grid-template-columns: 1fr;} */
	
	/* .page .catalog-recommend .item .preview .images .image {display: block;} */
	/* .page .catalog-recommend .item .preview .images .image img {height: 350px;} */
	
	.page .catalog-recommend {margin: 0 auto 60px;}
	
	/* .page .catalog-recommend .items {display: block; gap: 0;} */
	
	.page .catalog-recommend .item .preview .labels {display: none;}
	
	.page .catalog-recommend .item .preview-wrap {padding: 20px;}
	
	
	.page .catalog-recommend .sections {margin: 0 0 16px; padding: 0 0 16px; overflow-x: auto;}
	.page .catalog-recommend .section {white-space: nowrap;}
}
/* End */


/* Start:/local/templates/np2026/components/bitrix/news.list/brands_main/style.css?1774479418891*/
.page .brands_main-wrap {padding: 120px 20px; max-width: 1640px; margin: 0 auto; background: #FFF;}
.page .brands_main-wrap h2 {max-width: none; text-align: left; padding: 0 0 64px;}
.page .brands_main {max-width: 1640px; margin: 0 auto;}
.page .brands_main .items {}
.page .brands_main .items .item {background: #FFF; width: 240px; height: 240px; position: relative; border: 1px solid #E9EBF2;}
.page .brands_main .items .item img {max-width: 70%; max-height: 70%; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); filter: grayscale(1);}
.page .brands_main .items .item:hover img {filter: none;}

@media (max-width: 700px)
{
	.page .brands_main-wrap {padding: 60px 20px;}
	.page .brands_main .items {}
	
	.page .brands_main .items .item {width: 156px; height: 156px; flex: 0 0 auto;}
	.page .brands_main .items .item img {position: relative;}
}
/* End */


/* Start:/local/templates/np2026/components/bitrix/news.list/reviews_main/style.css?17744792841761*/
.page .reviews_main-wrap {background: #F2F6FA; padding: 120px 0;}
.page .reviews_main-wrap h2 {margin: 0 auto; max-width: none; text-align: left; max-width: 1640px; padding: 0 20px 64px;}
.page .reviews_main {max-width: 1640px; padding: 0 20px; margin: 0 auto;}
.page .reviews_main .items {display: flex;}
.page .reviews_main .item {display: flex; gap: 12px; flex-direction: column; width: calc((100% / var(--n)) - (((var(--n) - 1) / var(--n)) * var(--g))); position: relative; overflow: hidden; background: #fff; padding: 32px;}
.page .reviews_main .item .image {position: relative;}
.page .reviews_main .item .image:after {content: ""; position: absolute; background: rgba(0, 0, 0, 0.2); top: 0; left: 0; width: 100%; height: 100%;}
.page .reviews_main .item .image img {width: 100%; height: 100%; object-fit: cover;}

.page .reviews_main .item .date {font-size: 70%; color: #8C93A1; text-transform: uppercase;}
.page .reviews_main .item .service {font-size: 70%; color: #8C93A1; text-transform: uppercase; display: flex; gap: 12px;}
.page .reviews_main .item .service .stars {width: 116px; height: 20px; background: url(/local/templates/np2026/images/rating-bg.svg) 50% 50% no-repeat; position: relative;}
.page .reviews_main .item .service .stars .value {position: absolute; left: 0; top: 0; height: 20px; background: url(/local/templates/np2026/images/rating.svg) 0% 50% no-repeat;}
.page .reviews_main .item .title {font-size: 120%; line-height: 1.3;}
.page .reviews_main .item .text {font-size: 80%; color: #475266;}

@media (max-width: 900px)
{
	.page .reviews_main-wrap {padding: 60px 0;}
	.page .reviews_main-wrap h2 {padding: 0 20px 32px;}
}

@media (max-width: 700px)
{
	.page .reviews_main .item .date {margin-top: auto;}
}
/* End */


/* Start:/local/templates/np2026/components/bitrix/news.list/projects_main/style.css?17731885201956*/
.page .projects_main-wrap {background: #fff; padding: 120px 0;}
.page .projects_main-wrap h2 {margin: 0 auto; max-width: none; text-align: left; max-width: 1640px; padding: 0 20px 64px;}
.page .projects_main {max-width: 1640px; padding: 0 20px; margin: 0 auto;}
.page .projects_main .items {}
.page .projects_main .item {display: flex; gap: 10px; flex-direction: column; position: relative; overflow: hidden;}
.page .projects_main .item .image {position: relative;}
.page .projects_main .item .image:after {content: ""; position: absolute; background: rgba(0, 0, 0, 0.2); top: 0; left: 0; width: 100%; height: 100%;}
.page .projects_main .item .image img {width: 100%; height: 100%; object-fit: cover; display: block;}
.page .projects_main .item .info {position: absolute; bottom: 0; left: 0; right: 0; padding: 32px; color: #fff; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5));}
.page .projects_main .item .title {font-size: 120%; display: flex; gap: 20px;}
.page .projects_main .item .title:after {content: ""; width: 20px; height: 32px; background: url(/local/templates/np2026/images/arrow.svg) 50% 50% no-repeat; flex: 0 0 auto; opacity: 0;}
.page .projects_main .item .material {font-size: 80%;}
.page .projects_main .item:hover .title:after {opacity: 1;}
.page .projects_main .more {display: none; margin-top: 32px; font-size: 87.5%; font-weight: 500; text-transform: uppercase; text-align: center; padding: 1em 1.4em; border: 1px solid #D1D3D7; border-radius: 3em;}
.page .projects_main .bx-wrapper .bx-controls-direction {top: -5.5em;}

@media (max-width: 700px)
{
	.page .projects_main-wrap {padding: 60px 0;}
	
	.page .projects_main .items {display: flex; flex-direction: column; gap: 32px;}
	.page .projects_main .item {width: 100%;}
	.page .projects_main .item:nth-child(n+4) {display: none;}
	
	.page .projects_main .item .info {padding: 20px;}
	
	.page .projects_main .more {display: block;}
}
/* End */


/* Start:/local/templates/np2026/components/bitrix/news.list/blog_main/style.css?17731885811104*/
.page .blog_main-wrap {background: #F2F6FA; padding: 120px 0;}
.page .blog_main-wrap h2 {margin: 0 auto; max-width: none; text-align: left; max-width: 1640px; padding: 0 20px 64px;}
.page .blog_main {max-width: 1640px; padding: 0 20px; margin: 0 auto;}
.page .blog_main .items {}
.page .blog_main .item {display: flex; gap: 12px; flex-direction: column; position: relative; overflow: hidden;}
.page .blog_main .item .image {position: relative;}
.page .blog_main .item .image:after {content: ""; position: absolute; background: rgba(0, 0, 0, 0.2); top: 0; left: 0; width: 100%; height: 100%;}
.page .blog_main .item .image img {width: 100%; height: 100%; object-fit: cover;}

.page .blog_main .item .date {font-size: 70%; color: #8C93A1; text-transform: uppercase;}
.page .blog_main .item .title {font-size: 120%; line-height: 1.3;}
.page .blog_main .item .text {font-size: 80%; color: #475266;}

.page .blog_main .bx-wrapper .bx-controls-direction {top: -5.5em;}

@media (max-width: 900px)
{
	.page .blog_main-wrap {padding: 60px 0;}
	.page .blog_main-wrap h2 {padding: 0 20px 32px;}
}
/* End */
/* /local/templates/np2026/components/bitrix/news.list/banners/style.css?17746134851385 */
/* /local/templates/np2026/components/bitrix/news.list/advantages_main/style.css?17707673041312 */
/* /local/templates/np2026/components/bitrix/catalog.section.list/main/style.css?17719774471673 */
/* /local/templates/np2026/components/bitrix/catalog.section/catalog.recommend/style.css?17731830218785 */
/* /local/templates/np2026/components/bitrix/news.list/brands_main/style.css?1774479418891 */
/* /local/templates/np2026/components/bitrix/news.list/reviews_main/style.css?17744792841761 */
/* /local/templates/np2026/components/bitrix/news.list/projects_main/style.css?17731885201956 */
/* /local/templates/np2026/components/bitrix/news.list/blog_main/style.css?17731885811104 */
