/* 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.element/catalog/style.css?177482242211871*/
.page .catalog-element {max-width: 1640px; margin: 0 auto 3em; padding: 0 20px; display: flex; gap: 32px; align-items: start;}

.page .catalog-element .left {display: grid; gap: 32px; grid-template-columns: 1fr 1fr;}

.page .catalog-element .right {display: flex; flex-direction: column; gap: 32px; flex: 0 0 376px;}

.page .catalog-element .center {display: flex; flex-direction: column; gap: 32px;}

.page .catalog-element .gallery {position: relative;}

.page .catalog-element .gallery .images {margin: 0 0 20px;}
.page .catalog-element .gallery .images .image {}
.page .catalog-element .gallery .images .image a {display: block;}
.page .catalog-element .gallery .images .image a img {width: 100%;}

.page .catalog-element .gallery .thumbs {display: flex;}
.page .catalog-element .gallery .thumbs .thumb {}
.page .catalog-element .gallery .thumbs .thumb a {display: flex; border: 1px solid #E9EBF2; padding: 3px; width: 104px; height: 104px; align-items: center; justify-content: center;}
.page .catalog-element .gallery .thumbs .thumb a img {}
.page .catalog-element .gallery .thumbs .thumb a:hover {border-color: #18243D;}
.page .catalog-element .gallery .thumbs .thumb.active a {border-color: #18243D;}

.page .catalog-element .product-title {padding: 0; font-size: 120%; text-align: left; line-height: 1.3;}

.page .catalog-element .prices {}
.page .catalog-element .prices .price {display: flex; flex-direction: row; gap: 30px; align-items: baseline; }
.page .catalog-element .prices .price .title {line-height: 1;}
.page .catalog-element .prices .price .old {font-size: 150%; color: #aaa; line-height: 1; position: relative;}
.page .catalog-element .prices .price .old:after {content: ''; position: absolute; width: 120%; height: 2px; background: #aaa; left: 50%; top: 50%; transform: rotate(-10deg) translate(-50%, -50%); transform-origin: left;}
.page .catalog-element .prices .price .value {font-size: 160%; font-weight: 500;}
.page .catalog-element .prices .price-small {font-size: 80%; color: #8C93A1;}

.page .catalog-element .description {text-align: justify; grid-column-end: 3; grid-column-start: 1;}
.page .catalog-element .description > .title {font-size: 160%; font-weight: 500; padding: 0 0 16px;}

.page .catalog-element .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-element .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-element .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-element .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-element .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-element .calculator {display: flex; gap: 24px; flex-direction: column; background: #F2F6FA; padding: 32px;}
.page .catalog-element .calculator .title {padding: 10px 0; color: #18243D; font-weight: 500; display: flex; align-items: center; gap: 8px; font-size: 120%;}

.page .catalog-element .calculator .sizes {display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}

.page .catalog-element .calculator .sizes .size {display: flex; flex-direction: column; gap: 8px;}
.page .catalog-element .calculator .sizes .size:nth-child(3) {grid-column-start: 1; grid-column-end: 3;}
.page .catalog-element .calculator .sizes .size .name {color: #8C93A1; font-size: 80%;}

.page .catalog-element .calculator .sizes .size .number {display: flex; background: #E9EBF2; border-radius: 12px; padding: 14px 16px;}
.page .catalog-element .calculator .sizes .size .number .minus {flex: 0 0 20px; background: url(/local/templates/np2026/images/minus.svg) 50% 50% no-repeat;}
.page .catalog-element .calculator .sizes .size .number .plus {flex: 0 0 20px; background: url(/local/templates/np2026/images/plus.svg) 50% 50% no-repeat;}
.page .catalog-element .calculator .sizes .size .number input {flex: 1 1 auto; width: 50%; padding: 0; font: inherit; font-size: 80%; text-align: center; border: none; background: transparent; outline: none;}
.page .catalog-element .calculator .sizes .size .number input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.page .catalog-element .calculator .sizes .size .number input::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}

.page .catalog-element .calculator .sizes .size .checkboxes {display: flex; background: #E9EBF2; border-radius: 12px; padding: 2px;}
.page .catalog-element .calculator .sizes .size .checkboxes label {flex: 1 1 25%; display: flex; position: relative; cursor: pointer;}
.page .catalog-element .calculator .sizes .size .checkboxes label input {position: absolute; visibility: hidden; z-index: -1;}
.page .catalog-element .calculator .sizes .size .checkboxes label span {padding: 12px; border-radius: 12px; width: 100%; text-align: center;}
.page .catalog-element .calculator .sizes .size .checkboxes label input:checked + span {background: #18243D; color: #fff;}
.page .catalog-element .calculator .sizes .size .checkboxes label:hover span {opacity: 0.9;}

.page .catalog-element .calculator .sizes:has(> .size:only-child) .size {grid-column: span 2;}

.page .catalog-element .calculator .price {font-size: 160%; font-weight: 500;}

.page .catalog-element .calculator .total {font-size: 80%; color: #8C93A1; margin-top: -20px;}

.page .catalog-element .calculator .buy {padding: 18px 24px; background: #18243D; color: #fff; text-align: center; border-radius: 3em;}
.page .catalog-element .calculator .buy:hover {opacity: 0.9;}

.page .catalog-element .calculator .ramform-button {display: block !important; width: 100%; border-radius: 3em !important;}
.page .catalog-element .calculator .ramform-button__title {padding: 14px 24px !important;}


.page .catalog-element .delivery {display: flex; flex-direction: column; background: #F2F6FA; padding: 20px 32px;}
.page .catalog-element .delivery .title {padding: 10px 0; text-transform: uppercase; color: #18243D; font-weight: 500; display: flex; align-items: center; gap: 8px;}
.page .catalog-element .delivery .title:before {content: ""; width: 20px; height: 20px; background: url(/local/templates/np2026/images/delivery.svg) 50% 50% no-repeat;}
.page .catalog-element .delivery .data {font-size: 80%; color: #5D6778;}

.page .catalog-element .payment {display: flex; flex-direction: column; background: #F2F6FA; padding: 20px 32px;}
.page .catalog-element .payment .title {padding: 10px 0; text-transform: uppercase; color: #18243D; font-weight: 500; display: flex; align-items: center; gap: 8px;}
.page .catalog-element .payment .title:before {content: ""; width: 20px; height: 20px; background: url(/local/templates/np2026/images/payment.svg) 50% 50% no-repeat;}
.page .catalog-element .payment .data {font-size: 80%; color: #5D6778;}
.page .catalog-element .payment .data ul {display: flex; flex-direction: column; gap: 12px;}

.page .catalog-element .mount {display: flex; flex-direction: column; background: #F2F6FA; padding: 20px 32px;}
.page .catalog-element .mount .title {padding: 10px 0; text-transform: uppercase; color: #18243D; font-weight: 500; display: flex; align-items: center; gap: 8px;}
.page .catalog-element .mount .title:before {content: ""; width: 20px; height: 20px; background: url(/local/templates/np2026/images/mount.svg) 50% 50% no-repeat;}
.page .catalog-element .mount .data {font-size: 80%; color: #5D6778;}


.page .catalog-element .tabs {display: none;}
.page .catalog-element .tabs input {visibility: hidden; position: absolute; z-index: -100;}
.page .catalog-element .tabs-header {display: flex; align-items: center; margin: 0 0 8px; gap: 8px; font-size: 75%; font-weight: 500;}
.page .catalog-element .tabs-header li {display: flex; flex: 1 1 50%;}
.page .catalog-element .tabs-header li label {padding: 12px 16px; border: 1px solid rgba(23, 34, 56, 0.20); border-radius: 3em; text-transform: uppercase; flex: 1 0 auto; text-align: center;}
.page .catalog-element .tabs-content {display: none; padding: 0 0 20px;}
.page .catalog-element .tabs-content-title {display: none; background: #eee; padding: 10px 20px; text-transform: uppercase; border-bottom: 1px solid #aaa; margin: 0 -20px; position: sticky; top: 70px;}

.page .catalog-element .tabs input:nth-of-type(1):checked ~ .tabs-header li:nth-of-type(1) label,
.page .catalog-element .tabs input:nth-of-type(2):checked ~ .tabs-header li:nth-of-type(2) label,
.page .catalog-element .tabs input:nth-of-type(3):checked ~ .tabs-header li:nth-of-type(3) label,
.page .catalog-element .tabs input:nth-of-type(4):checked ~ .tabs-header li:nth-of-type(4) label,
.page .catalog-element .tabs input:nth-of-type(5):checked ~ .tabs-header li:nth-of-type(5) label,
.page .catalog-element .tabs input:nth-of-type(6):checked ~ .tabs-header li:nth-of-type(6) label,
.page .catalog-element .tabs input:nth-of-type(7):checked ~ .tabs-header li:nth-of-type(7) label,
.page .catalog-element .tabs input:nth-of-type(8):checked ~ .tabs-header li:nth-of-type(8) label,
.page .catalog-element .tabs input:nth-of-type(9):checked ~ .tabs-header li:nth-of-type(9) label {border: 1px solid rgba(23, 34, 56, 1);}

.page .catalog-element .tabs input:nth-of-type(1):checked ~ .tabs-content:nth-of-type(1),
.page .catalog-element .tabs input:nth-of-type(2):checked ~ .tabs-content:nth-of-type(2),
.page .catalog-element .tabs input:nth-of-type(3):checked ~ .tabs-content:nth-of-type(3),
.page .catalog-element .tabs input:nth-of-type(4):checked ~ .tabs-content:nth-of-type(4),
.page .catalog-element .tabs input:nth-of-type(5):checked ~ .tabs-content:nth-of-type(5),
.page .catalog-element .tabs input:nth-of-type(6):checked ~ .tabs-content:nth-of-type(6),
.page .catalog-element .tabs input:nth-of-type(7):checked ~ .tabs-content:nth-of-type(7),
.page .catalog-element .tabs input:nth-of-type(8):checked ~ .tabs-content:nth-of-type(8),
.page .catalog-element .tabs input:nth-of-type(9):checked ~ .tabs-content:nth-of-type(9) {display: block;}

.page .catalog-element .properties {display: flex; flex-direction: column; gap: 12px; padding: 0 0 12px;}
.page .catalog-element .properties .title {text-transform: uppercase; font-size: 70%; font-weight: 500; padding: 0 0 12px;}
.page .catalog-element .properties .property {display: flex; align-items: center; font-size: 80%;}
.page .catalog-element .properties .property .name {flex: 1 1 50%; color: #8C93A1;}
.page .catalog-element .properties .property .value {flex: 1 1 50%;}


@media (max-width: 700px)
{
	.page .catalog-element {flex-direction: column;}
	
	.page .catalog-element .left {display: flex; flex-direction: column;}
	
	.page .catalog-element .left .description {display: none;}
	
	.page .catalog-element .center .properties {display: none;}
	
	.page .catalog-element .product-title {font-size: 130%;}
	
	.page .catalog-element .calculator {padding: 20px;}
	.page .catalog-element .calculator .title {display: none;}
	.page .catalog-element .calculator .sizes .size .name {font-size: 100%;}
	
	.page .catalog-element .tabs {display: block;}
	
	.page .catalog-element .properties {padding: 12px 0;}
	.page .catalog-element .properties .property {gap: 8px;}
	.page .catalog-element .description {padding: 12px 0;}
}
/* End */


/* Start:/local/templates/np2026/components/bitrix/catalog.section/catalog.similar/style.css?17719553526307*/
.page .catalog-similar {margin: 0 auto 64px; max-width: 1640px; padding: 0 20px;}
.page .catalog-similar h2 {font-size: 160%; font-weight: 500; max-width: none; text-align: left; padding: 0 0 1.45em;}
.page .catalog-similar .items {}
.page .catalog-similar .item {box-shadow: 0 0 0 1px #F2F6FA; background: #fff; display: flex; flex-direction: column; position: relative;}

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

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

.page .catalog-similar .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-similar .item .prices {display: flex; gap: 4px; flex-direction: column;}

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

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

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

.page .catalog-similar .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; order: 1; width: 100%; text-align: center;}
.page .catalog-similar .item .basket .buy:hover {color: #ddd;}

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

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

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

@media (max-width: 900px)
{
    /* .page .catalog-similar .items {grid-template-columns: 1fr;} */
	
	/* .page .catalog-similar .item .preview .images .image {display: block;} */
	/* .page .catalog-similar .item .preview .images .image img {height: 350px;} */
	.page .catalog-similar .item .preview .labels {display: none;}
	
	.page .catalog-similar .item .preview-wrap {padding: 20px;}
}
/* End */
/* /local/templates/np2026/components/bitrix/catalog/catalog/style.css?1772931099323 */
/* /local/templates/np2026/components/bitrix/catalog.element/catalog/style.css?177482242211871 */
/* /local/templates/np2026/components/bitrix/catalog.section/catalog.similar/style.css?17719553526307 */