/* Start:/local/templates/np2026/components/bitrix/catalog/catalog/style.css?1772931099323*/
.page .catalog-section-wrap {display: flex; gap: 32px; max-width: 1640px; margin: 0 auto; padding: 0 20px;}
.page .catalog-sidebar {flex: 0 0 376px;}
.page .catalog-data {flex: 1 1 auto;}

@media (max-width: 800px)
{
	.page .catalog-section-wrap {flex-direction: column;}
	.page .catalog-sidebar {flex: 0 0 auto;}
}
/* End */


/* Start:/local/templates/np2026/components/bitrix/catalog.section.list/catalog/style.css?1773249303738*/
.page .catalog-sections {display: flex; gap: 30px; max-width: 1640px; padding: 20px 20px 0; margin: 0 auto 3em; overflow-x: auto;}
.page .catalog-sections .item {flex: 1 0 0; display: flex; padding: 20px; align-items: center; background: #F2F6FA; border-radius: 12px; gap: 20px;}
.page .catalog-sections .item .image {width: 4em; height: 4em; flex: 0 0 auto;}
.page .catalog-sections .item .image img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.page .catalog-sections .item .title {font-size: 80%;}

@media (max-width: 900px)
{
    .page .catalog-sections { gap: 8px; padding: 20px;}
    .page .catalog-sections .item {flex-direction: column; gap: 12px; text-align: center; flex: 1 0 calc(50% - 4px);}
}
/* End */


/* Start:/local/templates/np2026/components/bitrix/catalog.smart.filter/catalog/style.css?17737586719636*/
.page .catalog-filter {}
.page .catalog-filter .catalog-mobile-filter {font-size: 120%; font-weight: 500; padding: 0 0 1.1em; display: block; border-bottom: 1px solid #E9EBF2;}
.page .catalog-filter .catalog-mobile-filter-close {display: none; background: url(/local/templates/np2026/images/menu-close.svg) 50% 50% no-repeat; width: 30px; height: 30px; position: absolute; top: 15px; right: 20px;}
.page .catalog-filter form {display: flex; flex-direction: column; gap: 20px;}
.page .catalog-filter .items {display: flex; flex-direction: column;}
.page .catalog-filter .item {display: flex; flex-direction: column; position: relative; padding: 12px 0; border-bottom: 1px solid #E9EBF2;}
.page .catalog-filter .item .title {font-weight: bold; font-size: 70%; padding: 12px 0; text-transform: uppercase; display: flex; align-items: center; justify-content: space-between;}
.page .catalog-filter .item .title:after {content: ""; background: url(/local/templates/np2026/images/filter-toggle.svg) 50% 50% no-repeat; width: 20px; height: 20px; transform: rotate(180deg);}

.page .catalog-filter .item .title .hint {position: relative; margin: 0 auto 0 8px; width: 20px; height: 20px; background: url(/local/templates/np2026/images/filter-hint.svg) 50% 50% no-repeat;}
.page .catalog-filter .item .title .hint .value {display: none; position: absolute; background: #465064; color: #BBC0C9; padding: 14px; font-size: 85%; text-transform: none; border-radius: 12px; z-index: 10; top: -20px; left: 40px; width: 100vw; max-width: 50vw;}
.page .catalog-filter .item .title .hint .value:before {content: ""; position: absolute; left: -12px; top: 20px; width: 12px; height: 16px; background: url(/local/templates/np2026/images/filter-hint-v.svg) 50% 50% no-repeat;}
.page .catalog-filter .item .title .hint:hover .value {display: block;}

.page .catalog-filter .item .data {padding: 0 0 12px;}
.page .catalog-filter .item .values {display: flex; flex-direction: column; gap: 16px; padding: 12px 0 0; font-size: 80%;}
.page .catalog-filter .item .values li {}
.page .catalog-filter .item .values li label {position: relative; display: flex; align-items: center; cursor: pointer;}
.page .catalog-filter .item .values li label input {position: absolute; z-index: -10; visibility: hidden;}
.page .catalog-filter .item .values li label .value {display: flex; gap: 12px; align-items: center;}
.page .catalog-filter .item .values li label .value i {color: #8C93A1;}
.page .catalog-filter .item .values li label .value img {width: 20px; box-shadow: 0 0 0 1px #ddd;}
.page .catalog-filter .item .values li label .value:before {content: ""; flex: 0 0 auto; width: 24px; height: 24px; background: #E9EBF2; border-radius: 4px;}
.page .catalog-filter .item .values li label .count {display: none;}
.page .catalog-filter .item .values li label:hover .value:before {background: #ddd;}
.page .catalog-filter .item .values li label input:checked ~ .value:before {background: url(/local/templates/np2026/images/checkbox.svg) 50% 50% no-repeat #18243D;}

.page .catalog-filter .item .values li label .value.color:before {display: none;}
.page .catalog-filter .item .values li label .value.color .color-value {width: 28px; height: 28px; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 0 1px #E9EBF2;}
.page .catalog-filter .item .values li label input:checked ~ .value.color .color-value {border: 2px solid #fff; box-shadow: 0 0 0 2px #18243D;}

.page .catalog-filter .item .expand {color: #8C93A1; display: flex; align-items: center; gap: 8px; font-size: 80%; margin: 12px 0 0;}
.page .catalog-filter .item .expand:after {content: ""; width: 20px; height: 20px; flex: 0 0 auto; background: url(/local/templates/np2026/images/filter-expand.svg) 50% 50% no-repeat; margin-top: 5px;}
.page .catalog-filter .item .shrink {color: #8C93A1; display: none; align-items: center; gap: 8px; font-size: 80%; margin: 12px 0 0;}
.page .catalog-filter .item .shrink:after {content: ""; width: 20px; height: 20px; flex: 0 0 auto; background: url(/local/templates/np2026/images/filter-shrink.svg) 50% 50% no-repeat; margin-top: 5px;}

.page .catalog-filter .item_resizible:not(.item_expand) .values li:nth-child(n+7):not(:has(input:checked)) {display: none;} 
.page .catalog-filter .item .values li:has(input:checked) {order: -1;} 

.page .catalog-filter .item_expand .expand {display: none;}
.page .catalog-filter .item_expand .shrink {display: flex;}

.page .catalog-filter .item .price {display: flex; gap: 10px; align-items: center;}
.page .catalog-filter .item .price .bx-filter-input-container {position: relative;}
.page .catalog-filter .item .price .bx-filter-input-container span {position: absolute; z-index: 1; left: 16px; top: 50%; transform: translate(0, -55%);}
.page .catalog-filter .item .price .from {display: flex; flex-direction: column; flex: 1 0 45%;}
/* .page .catalog-filter .item .price .from:before {content: "от"; color: #18243D;} */
.page .catalog-filter .item .price .to {display: flex; flex-direction: column; flex: 1 0 45%;}
/* .page .catalog-filter .item .price .to:before {content: "до"; color: #18243D;} */
.page .catalog-filter .item .price input {border: none; border: 1px solid #D0D4DB; width: 100%; padding: 14px 16px 14px 45px; border-radius: 12px; font: inherit; font-size: 80%;}

.page .catalog-filter .item .price-slider {position: relative; height: 20px; margin: 16px 0 0;}
.page .catalog-filter .item .price-slider input[type='range'] {pointer-events: none; position: absolute; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); border: none; background: transparent; left: 0; top: 0; width: 100%; outline: none; height: 100%;}
.page .catalog-filter .item .price-slider input[type='range']::-webkit-slider-thumb {pointer-events: all; position: relative; z-index: 1; outline: 0; -webkit-appearance: none; width: 20px; height: 20px; background: #18243D; margin-top: -9px; border-radius: 50%; box-shadow: none;}
.page .catalog-filter .item .price-slider input[type='range']::-moz-range-thumb {pointer-events: all; position: relative; z-index: 10; -moz-appearance: none; width: 20px; height: 20px; background: #18243D; margin-top: -9px; border-radius: 50%; box-shadow: none;}
.page .catalog-filter .item .price-slider input[type='range']::-ms-thumb {pointer-events: all; position: relative; z-index: 10; -ms-appearance: none; width: 20px; height: 20px; background: #18243D; margin-top: -9px; border-radius: 50%; box-shadow: none;}
.page .catalog-filter .item .price-slider input[type='range']::-webkit-slider-runnable-track {background: #18243D; height: 2px;}
.page .catalog-filter .item .price-slider input[type='range']::-moz-range-track {position: relative; z-index: -1; background-color: #18243D; border: 0; height: 2px;}
.page .catalog-filter .item .price-slider input[type='range']:last-of-type::-moz-range-track {-moz-appearance: none; background: #18243D; border: 0; height: 2px;}
.page .catalog-filter .item .price-slider input[type='range']::-moz-focus-outer {border: 0;}

.page .catalog-filter .item .price-slider input[type='range']::-webkit-slider-thumb:active {z-index: 2;}
.page .catalog-filter .item .price-slider input[type='range']::-moz-range-thumb:active {z-index: 2;}
.page .catalog-filter .item .price-slider input[type='range']::-ms-thumb:active {z-index: 2;}

@media (max-width: 675px)
{
	.page .catalog-filter .item .price-slider {height: 30px;}
	.page .catalog-filter .item .price-slider input[type='range']::-webkit-slider-thumb {width: 30px; height: 30px; margin-top: -14px;}
	.page .catalog-filter .item .price-slider input[type='range']::-moz-range-thumb {width: 30px; height: 30px; margin-top: -14px;}
	.page .catalog-filter .item .price-slider input[type='range']::-ms-thumb {width: 30px; height: 30px; margin-top: -14px;}
}

.page .catalog-filter .item:not(.item_opened) .data {display: none;}
.page .catalog-filter .item_opened .title:after {transform: none;}


.page .catalog-filter .buttons {display: flex;}
.page .catalog-filter .buttons input {flex: 1 1 auto; display: block; padding: 14px 20px; background: #F2F6FA; color: #747C8C; border: none; font: inherit; font-size: 70%; font-weight: 500; border-radius: 3em; cursor: pointer;}
.page .catalog-filter .buttons input:hover {opacity: 0.8;}
.page .catalog-filter .buttons .submit {display: none;}
/* .page .catalog-filter .buttons input:hover {color: #ddd;} */

.page .catalog-filter .bx-filter-popup-result {position: absolute; visibility: hidden;}

@media (max-width: 700px)
{
	.page .catalog-filter .catalog-mobile-filter {display: flex; gap: 4px; align-items: center; font-size: 12px; text-transform: uppercase;}
	.page .catalog-filter .catalog-mobile-filter:before {content: ""; background: url(/local/templates/np2026/images/filters.svg) 50% 50% no-repeat; width: 20px; height: 20px; flex: 0 0 auto;}
	
	.page .catalog-filter form {display: none;}
	
	.page .catalog-filter.visible {display: flex; flex-direction: column; position: fixed; top: 0; left: 0; width: 100%; height: 100dvh; background: #fff; z-index: 2000; justify-content: space-between;}
	.page .catalog-filter.visible .mobile-filter {padding: 20px 20px 0; position: relative;}
	.page .catalog-filter.visible form {display: flex; overflow-y: auto;}
	.page .catalog-filter.visible form .items {padding: 20px 20px 0; overflow-y: auto;}
	.page .catalog-filter.visible form .buttons {padding: 0 20px 20px;}
	
	.page .catalog-filter.visible .catalog-mobile-filter-close {display: flex;}
	
	.page .catalog-filter .item .title .hint {display: none;}
}
/* End */


/* Start:/local/templates/np2026/components/bitrix/system.pagenavigation/pagination/style.css?17721506821462*/
.page .pagination {display: flex; align-items: center; justify-content: start;}
.page .pagination li {display: flex;}
.page .pagination li a {display: flex; width: 3.5em; height: 3.5em; align-items: center; justify-content: center; font-size: 70%; font-weight: 500; border-radius: 50%;}
.page .pagination li a:hover {background: #E9EBF2;}
.page .pagination li span {display: flex; width: 3.5em; height: 3.5em; align-items: center; justify-content: center; font-size: 70%; font-weight: 500; border-radius: 50%;}


/* .page .pagination li a.begin {display: none;} */
.page .pagination li a.active {background: #E9EBF2;}
.page .pagination li a.prev {}
.page .pagination li a.prev:before {content: ""; background: url(/local/templates/np2026/images/prev.svg) 50% 50% no-repeat; width: 50%; height: 50%;}
.page .pagination li a.next {}
.page .pagination li a.next:before {content: ""; background: url(/local/templates/np2026/images/next.svg) 50% 50% no-repeat; width: 50%; height: 50%;}
/* .page .pagination li a.end {display: none;} */

.page .pagination-wrap {display: flex; align-items: center; justify-content: space-between; padding: 0 0 6.5em;}
.page .pagination-wrap .more {display: flex; align-items: center; justify-content: center; border: 1px solid #E9EBF2; border-radius: 3em; font-size: 70%; font-weight: 500; height: 3.5em; padding: 0 24px; text-transform: uppercase; order: 1;}
.page .pagination-wrap .more:hover {background: #E9EBF2;}
/* End */


/* Start:/local/templates/np2026/components/bitrix/catalog.section/catalog/style.css?17737540296999*/
.page .catalog-section {margin: 0 0 64px;}
.page .catalog-section .top {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #E9EBF2; padding: 0.5em 0 1.45em; margin: 0 0 1.6em;}
.page .catalog-section .top .count {color: #8C93A1; font-size: 80%;}
.page .catalog-section .top .sort {font: inherit; font-size: 80%; border: none; outline: none; appearance: none; background: url(/local/templates/np2026/images/sort.svg) 100% 50% no-repeat; padding: 0 1.6em 0 0.8em;}
.page .catalog-section .items {display: grid; gap: 32px; grid-template-columns: 1fr 1fr 1fr;}
.page .catalog-section .item {box-shadow: 0 0 0 1px #F2F6FA; background: #fff; display: flex; flex-direction: column; position: relative;}



.page .catalog-section .item .preview-wrap {background: #F2F6FA; padding: 32px;}
.page .catalog-section .item .preview {text-align: center; position: relative;}
.page .catalog-section .item .preview .images {}
.page .catalog-section .item .preview .images .image {display: none; position: relative; padding-top: 100%;}
.page .catalog-section .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-section .item .preview .images .image.active {display: block;}
.page .catalog-section .item .preview .labels {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; z-index: 1;}
.page .catalog-section .item .preview .labels label {flex: 1 0 auto; display: flex; flex-direction: column; justify-content: end; padding: 5px;}
.page .catalog-section .item .preview .labels label:after {content: ""; background: rgba(255, 255, 255, 0.5); height: 2px;}
.page .catalog-section .item .preview .labels label.active:after {background: #fff;}
.page .catalog-section .item .preview .labels label:first-child:last-child {display: none;}

.page .catalog-section .item .data {padding: 32px; display: flex; flex-direction: column; gap: 16px; border-top: 1px solid #fff;}

.page .catalog-section .item .data .title {overflow: hidden; text-overflow: ellipsis; display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-clamp: 4; box-orient: vertical; height: 81px; font-size: 80%;}

.page .catalog-section .item .prices {display: flex; gap: 4px; flex-direction: column;}

.page .catalog-section .item .price {}
.page .catalog-section .item .price .value {font-size: 120%; font-weight: 500;}
.page .catalog-section .item .price .old {color: #aaa; position: relative;}
.page .catalog-section .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-section .item .price-small {}
.page .catalog-section .item .price-small .value {color: #8C93A1; font-size: 80%;}

.page .catalog-section .item .basket {display: flex; align-items: center; gap: 8px;}

.page .catalog-section .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-section .item .basket .minus:hover {background-color: #E9EBF2;}
.page .catalog-section .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-section .item .basket .plus:hover {background-color: #E9EBF2;}
.page .catalog-section .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-section .item .basket input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.page .catalog-section .item .basket input::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}

.page .catalog-section .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-section .item .basket .buy:hover {opacity: 0.8;}

.page .catalog-section .item .basket .buy_inbasket {background: #E9EBF2; color: #18243D;}

/* .page .catalog-section .item .icons {position: absolute; display: flex; flex-direction: column; gap: 10px; top: 40px; left: 30px;} */
/* .page .catalog-section .item .icons .icon-like {background: #5c5; border-radius: 50%; flex: 0 0 40px; width: 40px; justify-content: center;} */
/* .page .catalog-section .item .icons .icon-like:before {filter: brightness(0) invert(1);} */
/* .page .catalog-section .item .icons .icon-fire {background: #d33; border-radius: 50%; flex: 0 0 40px; width: 40px; justify-content: center;} */
/* .page .catalog-section .item .icons .icon-fire:before {filter: brightness(0) invert(1);} */

.page .catalog-section .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-section .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-section .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-section .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-section .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-section .item:hover {background: #F2F6FA;}
.page .catalog-section .item:hover .data {border-top: 1px solid #E9EBF2;}

@media (max-width: 1600px)
{
    .page .catalog-section .items {grid-template-columns: 1fr 1fr;}
}

@media (max-width: 900px)
{
    .page .catalog-section .items {grid-template-columns: 1fr;}
	
	.page .catalog-section .item .preview .images .image {padding-top: 0;}
	.page .catalog-section .item .preview .images .image img {position: relative;}
	
	.page .catalog-section .item .preview .labels {display: none;}
	
	.page .catalog-section .item .preview-wrap {padding: 20px;}
}

.page .catalog-section-description {}
.page .catalog-section-description h2 {font-size: 160%; max-width: none; text-align: left; padding: 0 0 16px; font-weight: 500;}
.page .catalog-section-description h3 {font-size: 120%; max-width: none; text-align: left; padding: 0 0 16px; font-weight: 500;}
/* End */
/* /local/templates/np2026/components/bitrix/catalog/catalog/style.css?1772931099323 */
/* /local/templates/np2026/components/bitrix/catalog.section.list/catalog/style.css?1773249303738 */
/* /local/templates/np2026/components/bitrix/catalog.smart.filter/catalog/style.css?17737586719636 */
/* /local/templates/np2026/components/bitrix/system.pagenavigation/pagination/style.css?17721506821462 */
/* /local/templates/np2026/components/bitrix/catalog.section/catalog/style.css?17737540296999 */