/* Start:/local/templates/nevapol/components/bitrix/catalog/catalog/style.css?1731839567271*/
.page .catalog-section-wrap {display: flex; gap: 20px;}
.page .catalog-sidebar {flex: 0 0 250px;}
.page .catalog-data {flex: 1 1 auto;}

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


/* Start:/local/templates/nevapol/components/bitrix/catalog.element/catalog/style.css?174626861513564*/
.page .catalog-element {}

.page .catalog-element .gallery {flex: 1 0 45%; padding: 0 0 20px;}

.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: block; border: 2px solid #fff; padding: 5px; width: 120px; height: 85px;}
.page .catalog-element .gallery .thumbs .thumb a:hover {border-color: #aaa;}
.page .catalog-element .gallery .thumbs .thumb.active a {border-color: #333;}

.page .catalog-element .data {display: flex; gap: 20px;}

@media (max-width: 975px)
{
	.page .catalog-element .data {flex-direction: column;}
}

.page .catalog-element .info {flex: 1 0 45%; padding: 0 0 20px; display: flex; flex-direction: column; gap: 40px;}

.page .catalog-element .info h1 {padding: 0; font-size: 200%;}

@media (max-width: 675px)
{
	.page .catalog-element .info h1 {font-size: 130%;}
}

.page .catalog-element .info .selling-text {margin: -10px 0 -20px; color: #5c5; display: inline-flex; gap: 10px; align-items: center; line-height: 1.2;}
.page .catalog-element .info .selling-text .icon {background: #5c5; border-radius: 50%; flex: 0 0 40px; height: 40px; justify-content: center;}
.page .catalog-element .info .selling-text .icon:before {filter: brightness(0) invert(1);}

.page .catalog-element .info .action-text {margin: -10px 0 -20px; color: #d33; display: inline-flex; gap: 10px; align-items: center; line-height: 1.2;}
.page .catalog-element .info .action-text .icon {background: #d33; border-radius: 50%; flex: 0 0 40px; height: 40px; justify-content: center;}
.page .catalog-element .info .action-text .icon:before {filter: brightness(0) invert(1);}

.page .catalog-element .prices {display: flex; gap: 20px; flex-direction: column;}
.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: 200%; line-height: 1; font-weight: bold;}

.page .catalog-element .prices .price-small {display: flex; gap: 10px; justify-content: space-between;}

.page .catalog-element .basket {display: flex; align-items: center; width: 170px; flex-wrap: wrap; gap: 10px 0; justify-content: space-between;}
.page .catalog-element .basket input {border: none; width: 102px; text-align: center;}
.page .catalog-element .basket .minus {width: 34px; height: 34px; justify-content: center;}
.page .catalog-element .basket .minus:hover {background-color: #ddd;}
.page .catalog-element .basket .plus {width: 34px; height: 34px; justify-content: center;}
.page .catalog-element .basket .plus:hover {background-color: #ddd;}
.page .catalog-element .basket .buy {flex: 0 0 100%; display: block; padding: 5px 10px; background: #172238; color: #fff; text-align: center;}
.page .catalog-element .basket .buy:hover {color: #ddd;}

@media (max-width: 535px)
{
	.page .catalog-element .basket {flex: 1 0 100%; gap: 10px;}
	.page .catalog-element .basket input {width: auto; flex: 1 1 150px; min-width: 150px;}
}

.page .catalog-element .calculator {display: flex; gap: 40px; flex-direction: column;}
.page .catalog-element .calculator > .title {font-weight: bold;}
.page .catalog-element .calculator .sizes {display: flex; gap: 40px; justify-content: space-between; align-items: center;}
.page .catalog-element .calculator .sizes .size {display: flex; flex-direction: column; gap: 10px; flex: 1 0 25%; max-width: 185px;}
.page .catalog-element .calculator .sizes .size .title {padding-right: 30%; line-height: 1;}
.page .catalog-element .calculator .sizes .size .value {display: flex; gap: 10px;}
.page .catalog-element .calculator .sizes .size .value input {border: 1px solid #aaa; width: 100%; text-align: center; height: 31px;}
.page .catalog-element .calculator .sizes .size .value select {border: 1px solid #aaa; width: 100%; text-align: center;}
.page .catalog-element .calculator .total {display: flex; gap: 10px; align-items: center;}
.page .catalog-element .calculator .total .value {font-size: 200%; line-height: 1; font-weight: bold;}
.page .catalog-element .calculator .total .buy {flex: 0 0 auto; padding: 5px 30px; background: #172238; color: #fff; text-align: center; margin-left: auto;}
.page .catalog-element .calculator .total .buy:hover {color: #ddd;}

.page .catalog-element .calculator .total .ramform-button {padding: 5px 30px; background: none; text-decoration: underline; color: #333; cursor: pointer; border: none; font: inherit; white-space: nowrap;}

@media (max-width: 975px)
{
	.page .catalog-element .calculator .sizes {gap: 20px;}
	.page .catalog-element .calculator .sizes .size .title {padding-right: 0;}
}

@media (max-width: 675px)
{
	.page .catalog-element .calculator .sizes {flex-direction: column; gap: 10px;}
	.page .catalog-element .calculator .sizes .size {gap: 5px; width: 100%; max-width: none; flex-direction: row; align-items: center;}
	.page .catalog-element .calculator .sizes .size .title {flex: 0 0 60%;}
	.page .catalog-element .calculator .sizes .size .value {flex: 0 0 40%; border: none; }
	.page .catalog-element .calculator .sizes .size .value input {border: 1px solid #aaa;}
	.page .catalog-element .calculator .sizes .size .value select {border: 1px solid #aaa;}
	
	.page .catalog-element .calculator .total {flex-direction: column;}
	.page .catalog-element .calculator .total .buy {margin: 0;}
}

@media (max-width: 535px)
{
	.page .catalog-element .calculator .total {gap: 10px;}
}

@media (max-width: 475px)
{
	
	
}

.page .catalog-element .tabs {}
.page .catalog-element .tabs input {visibility: hidden; position: absolute; z-index: -100;}
.page .catalog-element .tabs-header {border-bottom: 1px solid #aaa; display: flex; align-items: center; margin: 0 0 20px;}
.page .catalog-element .tabs-header li {display: flex; margin-right: -1px;}
.page .catalog-element .tabs-header li label {padding: 10px 30px; border: 1px solid #aaa; border-bottom: 1px solid #aaa; background: #eee; text-transform: uppercase; margin-bottom: -1px;}
.page .catalog-element .tabs-header li label:hover {background: #ddd;}
.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-bottom: 1px solid #fff; background: #fff;}

.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;}

@media (max-width: 975px)
{
	.page .catalog-element .tabs {padding: 0 0 20px;}
	.page .catalog-element .tabs-header {display: none;}
	.page .catalog-element .tabs-content {display: block; padding: 0;}
	.page .catalog-element .tabs-content-title {display: block;}
	.page .catalog-element .tabs-content-data {display: none; padding: 20px 0;}
	
	.page .catalog-element .tabs input:nth-of-type(1):checked ~ .tabs-content:nth-of-type(1) .tabs-content-title,
	.page .catalog-element .tabs input:nth-of-type(2):checked ~ .tabs-content:nth-of-type(2) .tabs-content-title,
	.page .catalog-element .tabs input:nth-of-type(3):checked ~ .tabs-content:nth-of-type(3) .tabs-content-title,
	.page .catalog-element .tabs input:nth-of-type(4):checked ~ .tabs-content:nth-of-type(4) .tabs-content-title,
	.page .catalog-element .tabs input:nth-of-type(5):checked ~ .tabs-content:nth-of-type(5) .tabs-content-title,
	.page .catalog-element .tabs input:nth-of-type(6):checked ~ .tabs-content:nth-of-type(6) .tabs-content-title,
	.page .catalog-element .tabs input:nth-of-type(7):checked ~ .tabs-content:nth-of-type(7) .tabs-content-title,
	.page .catalog-element .tabs input:nth-of-type(8):checked ~ .tabs-content:nth-of-type(8) .tabs-content-title,
	.page .catalog-element .tabs input:nth-of-type(9):checked ~ .tabs-content:nth-of-type(9) .tabs-content-title {border-bottom: 1px solid #172238;}
	
	.page .catalog-element .tabs input:nth-of-type(1):checked ~ .tabs-content:nth-of-type(1) .tabs-content-data,
	.page .catalog-element .tabs input:nth-of-type(2):checked ~ .tabs-content:nth-of-type(2) .tabs-content-data,
	.page .catalog-element .tabs input:nth-of-type(3):checked ~ .tabs-content:nth-of-type(3) .tabs-content-data,
	.page .catalog-element .tabs input:nth-of-type(4):checked ~ .tabs-content:nth-of-type(4) .tabs-content-data,
	.page .catalog-element .tabs input:nth-of-type(5):checked ~ .tabs-content:nth-of-type(5) .tabs-content-data,
	.page .catalog-element .tabs input:nth-of-type(6):checked ~ .tabs-content:nth-of-type(6) .tabs-content-data,
	.page .catalog-element .tabs input:nth-of-type(7):checked ~ .tabs-content:nth-of-type(7) .tabs-content-data,
	.page .catalog-element .tabs input:nth-of-type(8):checked ~ .tabs-content:nth-of-type(8) .tabs-content-data,
	.page .catalog-element .tabs input:nth-of-type(9):checked ~ .tabs-content:nth-of-type(9) .tabs-content-data {display: block;}
}

.page .catalog-element .description {text-align: justify;}

.page .catalog-element .properties {display: flex; flex-wrap: wrap; gap: 10px 20px; padding: 0 0 20px;}
.page .catalog-element .properties .property {display: flex; flex: 1 0 45%; align-items: center; gap: 10px; justify-content: space-between;}
.page .catalog-element .properties .property .name {color: #777; display: flex; white-space: nowrap; gap: 10px; align-items: baseline; width: 100%;}
.page .catalog-element .properties .property .name:after {content: ""; border-bottom: 2px dotted #ddd; width: 100%;}
.page .catalog-element .properties .property .value {white-space: nowrap;}

@media (max-width: 975px)
{
	.page .catalog-element .properties .property {flex: 1 0 100%;}
}


.page .advantages {padding: 0 0 20px; display: flex; flex-wrap: wrap; text-align: center; gap: var(--g); --n: 4; --g: 20px; justify-content: center;}
.page .advantages .item {width: calc((100% / var(--n)) - (((var(--n) - 1) / var(--n)) * var(--g))); border-left: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 20px;}
.page .advantages .item .image {width: 120px;}
.page .advantages .item .title {}

@media (max-width: 900px)
{
	.page .advantages {--n: 3;}
}

@media (max-width: 700px)
{
	.page .advantages {--n: 2;}
}

@media (max-width: 595px)
{
	.page .advantages .item .image {width: 80px;}
}


.page .prices-sections {display: flex; flex-direction: column; gap: 20px;}
.page .prices-sections__item {}

.page .prices-items {display: flex; flex-direction: column; border: 1px solid #ddd;}
.page .prices-items .item {display: flex; gap: 20px; justify-content: space-between; border-top: 1px solid #ddd;}
.page .prices-items .item:first-child {border-top: none;}
.page .prices-items .item:nth-child(even) {background: #eee;}
.page .prices-items .item .title {padding: 5px 10px;}
.page .prices-items .item .price {padding: 5px 10px; text-align: right; font-weight: bold; white-space: nowrap;}

@media (max-width: 500px)
{
    .page .prices-items .item {flex-direction: column; gap: 0; text-align: center; padding: 5px 10px;}
    .page .prices-items .item .title {padding: 0;}
    .page .prices-items .item .price {padding: 0; text-align: center;}
}
/* End */


/* Start:/local/templates/nevapol/components/bitrix/catalog.section/catalog.related/style.css?17454501723444*/
.page .catalog-related {padding: 0 0 40px;}
.page .catalog-related .items {display: flex; flex-wrap: wrap; --n: 4; --g: 0px; gap: var(--g);}
.page .catalog-related .item {width: calc((100% / var(--n)) - (((var(--n) - 1) / var(--n)) * var(--g))); background: #fff; display: flex; flex-direction: column; gap: 10px;}

.page .catalog-related .item .preview {text-align: center; position: relative;}
.page .catalog-related .item .preview .images {}
.page .catalog-related .item .preview .images .image {display: none;}
.page .catalog-related .item .preview .images .image img {margin: 0 auto; object-fit: cover; width: 100%; height: 250px;}
.page .catalog-related .item .preview .images .image.active {display: block;}
.page .catalog-related .item .preview .labels {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex;}
.page .catalog-related .item .preview .labels label {flex: 1 0 auto; display: flex; flex-direction: column; padding: 5px;}
.page .catalog-related .item .preview .labels label:after {content: ""; background: #eee; height: 2px;}
.page .catalog-related .item .preview .labels label.active:after {background: #172238;}
/* .page .catalog-related .item .preview .labels label:first-child:last-child {display: none;} */

.page .catalog-related .item .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;}
.page .catalog-related .item .price {display: flex; gap: 10px; align-items: baseline;}
.page .catalog-related .item .price .value {font-size: 120%; font-weight: bold;}
.page .catalog-related .item .price .old {color: #aaa; position: relative;}
.page .catalog-related .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-related .item .basket {display: flex; align-items: center;}
.page .catalog-related .item .basket input {border: none; flex: 0 1 auto; text-align: center; width: 68px;}
.page .catalog-related .item .basket .minus {width: 34px; height: 34px; justify-content: center;}
.page .catalog-related .item .basket .minus:hover {background-color: #ddd;}
.page .catalog-related .item .basket .plus {width: 34px; height: 34px; justify-content: center;}
.page .catalog-related .item .basket .plus:hover {background-color: #ddd;}
.page .catalog-related .item .basket .buy {flex: 0 0 auto; margin-left: auto; display: block; padding: 5px 10px; background: #172238; color: #fff;}
.page .catalog-related .item .basket .buy:hover {color: #ddd;}

@media (max-width: 1200px)
{
    .page .catalog-related {--n: 3;}
}

@media (max-width: 900px)
{
    .page .catalog-related {--n: 2;}
}

@media (max-width: 600px)
{
    .page .catalog-related {--n: 1;}
}

@media (max-width: 675px)
{
	.page .catalog-related .item .preview .images .image {display: none !important;}
	.page .catalog-related .item .preview .images .image:first-child {display: block !important;}
	.page .catalog-related .item .preview .labels {display: none;}
}

.page .catalog-related .bx-wrapper .bx-controls-direction a {top: -36px;}
.page .catalog-related .bx-wrapper .bx-next {right: 0;}
.page .catalog-related .bx-wrapper .bx-prev {left: auto; right: 37px;}
/* End */


/* Start:/local/templates/nevapol/components/bitrix/catalog.section/catalog.similar/style.css?17454501723444*/
.page .catalog-similar {padding: 0 0 40px;}
.page .catalog-similar .items {display: flex; flex-wrap: wrap; --n: 4; --g: 0px; gap: var(--g);}
.page .catalog-similar .item {width: calc((100% / var(--n)) - (((var(--n) - 1) / var(--n)) * var(--g))); background: #fff; display: flex; flex-direction: column; gap: 10px;}

.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;}
.page .catalog-similar .item .preview .images .image img {margin: 0 auto; object-fit: cover; width: 100%; height: 250px;}
.page .catalog-similar .item .preview .images .image.active {display: block;}
.page .catalog-similar .item .preview .labels {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex;}
.page .catalog-similar .item .preview .labels label {flex: 1 0 auto; display: flex; flex-direction: column; padding: 5px;}
.page .catalog-similar .item .preview .labels label:after {content: ""; background: #eee; height: 2px;}
.page .catalog-similar .item .preview .labels label.active:after {background: #172238;}
/* .page .catalog-similar .item .preview .labels label:first-child:last-child {display: none;} */

.page .catalog-similar .item .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;}
.page .catalog-similar .item .price {display: flex; gap: 10px; align-items: baseline;}
.page .catalog-similar .item .price .value {font-size: 120%; font-weight: bold;}
.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 .basket {display: flex; align-items: center;}
.page .catalog-similar .item .basket input {border: none; flex: 0 1 auto; text-align: center; width: 68px;}
.page .catalog-similar .item .basket .minus {width: 34px; height: 34px; justify-content: center;}
.page .catalog-similar .item .basket .minus:hover {background-color: #ddd;}
.page .catalog-similar .item .basket .plus {width: 34px; height: 34px; justify-content: center;}
.page .catalog-similar .item .basket .plus:hover {background-color: #ddd;}
.page .catalog-similar .item .basket .buy {flex: 0 0 auto; margin-left: auto; display: block; padding: 5px 10px; background: #172238; color: #fff;}
.page .catalog-similar .item .basket .buy:hover {color: #ddd;}

@media (max-width: 1200px)
{
    .page .catalog-similar {--n: 3;}
}

@media (max-width: 900px)
{
    .page .catalog-similar {--n: 2;}
}

@media (max-width: 600px)
{
    .page .catalog-similar {--n: 1;}
}

@media (max-width: 675px)
{
	.page .catalog-similar .item .preview .images .image {display: none !important;}
	.page .catalog-similar .item .preview .images .image:first-child {display: block !important;}
	.page .catalog-similar .item .preview .labels {display: none;}
}

.page .catalog-similar .bx-wrapper .bx-controls-direction a {top: -36px;}
.page .catalog-similar .bx-wrapper .bx-next {right: 0;}
.page .catalog-similar .bx-wrapper .bx-prev {left: auto; right: 37px;}
/* End */
/* /local/templates/nevapol/components/bitrix/catalog/catalog/style.css?1731839567271 */
/* /local/templates/nevapol/components/bitrix/catalog.element/catalog/style.css?174626861513564 */
/* /local/templates/nevapol/components/bitrix/catalog.section/catalog.related/style.css?17454501723444 */
/* /local/templates/nevapol/components/bitrix/catalog.section/catalog.similar/style.css?17454501723444 */