
.product-detail .documents .name, .promo-page .documents .name {
    margin: 0;
    font-size: 1.375em;
    font-weight: 700
}
.product-detail .documents .items, .promo-page .documents .items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 32px -10px -12px
}
.product-detail .documents .items .item, .promo-page .documents .items .item {
    position: relative;
    display: inline-block;
    width: 23.3%;
    margin: 0 10px 12px;
    padding-left: 63px;
    box-sizing: border-box
}
.product-detail .documents .items .item:before, .promo-page .documents .items .item:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 8px;
    display: block;
    width: 43px;
    height: 37px;
    background-image: url(/local/templates/magnet_s1/img/icons/icon-unknow-document.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain
}
.product-detail .documents .items .item .file-name, .promo-page .documents .items .item .file-name {
    display: inline-block;
    color: #424242;
    line-height: 1.2em
}
.product-detail .documents .items .item .file-name:hover, .promo-page .documents .items .item .file-name:hover {
    color: var(--main-color)
}
.product-detail .documents .items .item .size, .promo-page .documents .items .item .size {
    display: inline-block;
    width: 100%;
    font-size: 0.875em;
    color: #828282;
    cursor: default
}
.product-detail .documents .items .item.pdf:before, .promo-page .documents .items .item.pdf:before {
    background-image: url(/local/templates/magnet_s1/img/icons/icon-pdf.svg)
}
.product-detail .documents .items .item.ptt:before, .promo-page .documents .items .item.ptt:before {
    background-image: url(/local/templates/magnet_s1/img/icons/icon-ptt.svg)
}
.product-detail .documents .items .item.xls:before, .promo-page .documents .items .item.xls:before {
    background-image: url(/local/templates/magnet_s1/img/icons/icon-xls.svg)
}
.product-detail {
    display: flex;
    flex-wrap: wrap
}
.product-detail .columns {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    width: 50%
}
.product-detail .left {
    margin-bottom: 12px;
    flex-grow: 1;
    width: 50%
}
.product-detail .right {
    width: 408px;
    margin: 0 0 12px 24px;
    flex-shrink: 0
}
.product-detail .product-tabs-container {
    width: 100%
}
.product-detail .tabs-container {
    margin-bottom: 24px;
    padding: 36px 40px 57px;
    background-color: #fff;
    box-sizing: border-box
}
.product-detail .tabs-container .tabs {
    display: flex;
    border-bottom: 1px solid #e7e7e7
}
.product-detail .tabs-container .tabs .tab {
    position: relative;
    display: inline-block;
    padding: 0 20px 16px;
    font-size: 0.8125em;
    color: #424242;
    font-weight: 700;
    letter-spacing: 0.0175em;
    text-transform: uppercase;
    transition: all .2s ease
}
.product-detail .tabs-container .tabs .tab:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1px;
    display: block;
    width: 0;
    height: 2px;
    background-color: var(--main-color);
    transition: all .3s ease
}
.product-detail .tabs-container .tabs .tab:not(.active):hover {
    color: var(--main-color)
}
.product-detail .tabs-container .tabs .tab:not(.active):hover:after {
    left: -1px;
    width: 101%
}
.product-detail .tabs-container .tabs .tab.active {
    color: var(--main-color)
}
.product-detail .tabs-container .tabs .tab.active:after {
    left: -1px;
    width: 101%
}
.product-detail .tabs-container .tabs-content {
    margin-top: 3.25%
}
.product-detail .tabs-container .tabs-content .tab-content {
    display: none
}
.product-detail .tabs-container .tabs-content .tab-content.active {
    display: block
}
.product-detail .tabs-container .tabs-content .description p + h2, .product-detail .tabs-container .tabs-content .description h3, .product-detail .tabs-container .tabs-content .description h4 {
    margin-top: 2.1%
}
.product-detail .tabs-container .tabs-content .description + .videos, .product-detail .tabs-container .tabs-content .description + .documents {
    margin-top: 43px;
    border-top: 1px solid #e7e7e7;
    padding-top: 41px
}
.product-detail .tabs-container .tabs-content .videos .name {
    margin: 0;
    font-size: 1.375em;
    font-weight: 700
}
.product-detail .tabs-container .tabs-content .videos .items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 22px -10px -20px
}
.product-detail .tabs-container .tabs-content .videos .items .item {
    width: calc((100% - 40px) / 2);
    height: 16.96vw;
    margin: 0 10px 20px
}
.product-detail .tabs-container .tabs-content .videos .items .item iframe {
    width: 100% !important;
    height: 100% !important
}
.product-detail .tabs-container .tabs-content .videos + .documents {
    margin-top: 40px;
    border-top: 1px solid #e7e7e7;
    padding-top: 41px
}
.product-detail .tabs-container .tabs-content .characteristics table {
    width: 100%;
    border: none;
    border-collapse: collapse
}
.product-detail .tabs-container .tabs-content .characteristics table td {
    padding: 0
}
.product-detail .tabs-container .tabs-content .characteristics table .type {
    width: 49.2%;
    line-height: 1.5em;
    background-image: url(/local/templates/magnet_s1/img/icons/background-line.svg);
    background-repeat: repeat-x;
    background-position: 0px 16px
}
.product-detail .tabs-container .tabs-content .characteristics table .type span {
    display: inline-block;
    padding-right: 20px;
    background-color: #fff
}
.product-detail .tabs-container .tabs-content .characteristics table .type span input[type="checkbox"] + label::before {
    border: 1px solid #aaa;
    border-radius: 2px;
    background-color: #f5f5f5
}
.product-detail .tabs-container .tabs-content .characteristics table .type span input[type="checkbox"]:checked + label::before {
    border-color: var(--main-color);
    background-color: var(--main-color);
    background-position: center 2px
}
.product-detail .tabs-container .tabs-content .characteristics table .type.no-filter span {
    padding-left: 26px
}
.product-detail .tabs-container .tabs-content .characteristics table .value {
    padding-left: 20px
}
.product-detail .tabs-container .tabs-content .characteristics .filter-action {
    display: flex;
    align-items: center;
    margin-top: 22px;
    padding: 20px 30px;
    background-color: rgba(115, 195, 25, 0.1)
}
.product-detail .tabs-container .tabs-content .characteristics .filter-action .text {
    line-height: 1.5em
}
.product-detail .tabs-container .tabs-content .characteristics .filter-action .buttons {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 15px
}
.product-detail .tabs-container .tabs-content .characteristics .filter-action .buttons .count {
    margin-right: 21px;
    font-size: 0.875em;
    color: #828282
}
.product-detail .tabs-container .tabs-content .characteristics .filter-action .buttons .btn {
    min-width: auto;
    padding: 10px 19px 9px
}
.product-detail .tabs-container .tabs-content .availability {
    padding-top: 1px
}
.product-detail .tabs-container .tabs-content .availability table {
    width: 100%;
    border: none;
    border-collapse: collapse
}
.product-detail .tabs-container .tabs-content .availability table td {
    padding: 0
}
.product-detail .tabs-container .tabs-content .availability table .address {
    width: 49.2%;
    line-height: 1.5em;
    background-image: url(/local/templates/magnet_s1/img/icons/background-line.svg);
    background-repeat: repeat-x;
    background-position: 0px 16px
}
.product-detail .tabs-container .tabs-content .availability table .address a {
    display: inline-block;
    padding-right: 20px;
    background-color: #fff
}
.product-detail .tabs-container .tabs-content .availability table .value {
    padding-left: 21px
}
.product-detail .tabs-container .tabs-content .availability table .value:before {
    content: '\004b';
    position: relative;
    top: 2px;
    margin-right: 6px;
    font-size: 14px;
    color: #27ae60
}
.product-detail .tabs-container .tabs-content .availability table .value.out:before {
    content: '\004c';
    color: #eb5757
}
.product-detail .tabs-container .tabs-content .reviews-container {
    margin-top: -2px
}
.product-detail .tabs-container .tabs-content .reviews-container .reviews .item:not(:first-child), .product-detail .tabs-container .tabs-content .reviews-container .reviews > div:not(:first-child) {
    margin-top: 24px
}
.product-detail .tabs-container .tabs-content .reviews-container .reviews .item .name, .product-detail .tabs-container .tabs-content .reviews-container .reviews > div .name {
    display: inline-block;
    font-size: 0.8125em;
    font-weight: 700;
    color: #282828;
    line-height: 1em;
    letter-spacing: 0.02em;
    text-transform: uppercase
}
.product-detail .tabs-container .tabs-content .reviews-container .reviews .item .message-post-date, .product-detail .tabs-container .tabs-content .reviews-container .reviews > div .message-post-date {
    display: inline-block;
    margin-left: 9px;
    font-size: 0.875em;
    color: #828282
}
.product-detail .tabs-container .tabs-content .reviews-container .reviews .item th, .product-detail .tabs-container .tabs-content .reviews-container .reviews > div th {
    text-align: left
}
.product-detail .tabs-container .tabs-content .reviews-container .reviews .item thead td, .product-detail .tabs-container .tabs-content .reviews-container .reviews > div thead td {
    padding-bottom: 9px
}
.product-detail .tabs-container .tabs-content .reviews-container .reviews .item > tbody, .product-detail .tabs-container .tabs-content .reviews-container .reviews > div > tbody {
    margin-top: 9px
}
.product-detail .tabs-container .tabs-content .reviews-container .reviews .item > tbody > tr > td:first-child, .product-detail .tabs-container .tabs-content .reviews-container .reviews > div > tbody > tr > td:first-child {
    padding-left: 21px;
    font-size: 0.875em;
    line-height: 1.5em;
    border-left: 1px solid var(--main-color)
}
.product-detail .tabs-container .tabs-content .reviews-container .reviews .item > tbody .reviews-post-reply-buttons, .product-detail .tabs-container .tabs-content .reviews-container .reviews > div > tbody .reviews-post-reply-buttons {
    padding-top: 7px
}
.product-detail .tabs-container .tabs-content .reviews-container .reviews .item > tbody .reviews-post-reply-buttons a, .product-detail .tabs-container .tabs-content .reviews-container .reviews > div > tbody .reviews-post-reply-buttons a {
    margin-right: 8px;
    color: #828282
}
.product-detail .tabs-container .tabs-content .reviews-container .reviews .item > tbody .reviews-post-reply-buttons a:hover, .product-detail .tabs-container .tabs-content .reviews-container .reviews > div > tbody .reviews-post-reply-buttons a:hover {
    color: var(--main-color)
}
.product-detail .tabs-container .tabs-content .reviews-container .reviews .item .entry-quote, .product-detail .tabs-container .tabs-content .reviews-container .reviews > div .entry-quote {
    margin: 10px 0;
    background-color: #efefef
}
.product-detail .tabs-container .tabs-content .reviews-container .reviews .item .entry-quote thead th, .product-detail .tabs-container .tabs-content .reviews-container .reviews > div .entry-quote thead th {
    padding-top: 7px;
    padding-left: 15px;
    font-size: 0.85em
}
.product-detail .tabs-container .tabs-content .reviews-container .reviews .item .entry-quote tbody td, .product-detail .tabs-container .tabs-content .reviews-container .reviews > div .entry-quote tbody td {
    padding: 7px 15px
}
.product-detail .tabs-container .tabs-content .reviews-container .buttons {
    margin-top: 3.2%
}
.product-detail .tabs-container .tabs-content .reviews-container .buttons .btn {
    margin-right: 17px;
    padding: 9px 24px 10px
}
.product-detail .tabs-container .tabs-content .reviews-container .buttons .btn.white {
    padding: 7px 23px 8px
}
.product-detail .tabs-container .tabs-content .reviews-reply-form {
    margin-top: 20px
}
.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-header {
    margin-bottom: 7px;
    font-size: 0.875em
}
.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-field-author {
    margin-bottom: 15px
}
.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-field-author label {
    display: block;
    font-size: 0.875em
}
.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-required-field {
    padding-left: 2px;
    color: #eb5757
}
.product-detail .tabs-container .tabs-content .reviews-reply-form .feed-add-post-text {
    padding: 0
}
.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-field-upload {
    margin-bottom: 15px;
    font-size: 0.875em
}
.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-field-upload .reviews-upload-info {
    margin-bottom: 5px
}
.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-field-setting:not(:last-child) {
    margin-bottom: 5px
}
.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-field-setting label {
    font-size: 0.875em;
    color: #828282;
    line-height: 1.5em
}
.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-field-captcha {
    margin: 25px 0
}
.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-field-captcha .reviews-reply-field-captcha-label {
    margin-bottom: 7px;
    font-size: 0.875em
}
.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-buttons {
    margin-top: 30px
}
.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-buttons .btn {
    margin-right: 6px;
    padding: 9px 24px 10px
}
.product-detail .tabs-container .tabs-content .reviews-reply-form .reviews-reply-buttons .btn.white {
    padding: 7px 23px
}
.product-detail .tabs-container .tabs-content .reviews-reply-form iframe {
    background-color: #f5f5f5
}
.product-detail .tabs-container .tabs-content .reviews-note-box-text {
    margin-top: 40px;
    padding: 5px 15px;
    color: #444;
    border: 1px dotted #efefef
}
.product-detail .feedback {
    display: flex;
    margin-bottom: 50px;
    padding: 41px 40px;
    background-color: #fff
}
.product-detail .feedback .text {
    width: 27.685%;
    margin-right: 42px;
    flex-shrink: 0
}
.product-detail .feedback .text .name {
    font-size: 1.375em;
    font-weight: 700
}
.product-detail .feedback .text .desc {
    margin-top: 20px;
    line-height: 1.5em
}
.product-detail .feedback .form form {
    display: flex;
    flex-wrap: wrap
}
.product-detail .feedback .form .column {
    display: flex;
    flex-direction: column
}
.product-detail .feedback .form .column.big {
    width: 61.1%;
    margin-right: 2.5%
}
.product-detail .feedback .form .column.small {
    width: 36.4%;
    flex-shrink: 0
}
.product-detail .feedback .form .column .field {
    display: flex;
    height: 100%;
    margin-bottom: 21px
}
.product-detail .feedback .form .column .field textarea {
    height: auto;
    border: none
}
.product-detail .feedback .form .form-captcha {
    width: 61.1%
}
.product-detail .feedback .form .form-captcha .control-label {
    margin-bottom: 3px
}
.product-detail .feedback .form .form-captcha .control-label .required {
    color: #eb5757
}
.product-detail .feedback .form .form-captcha .captcha-content {
    display: flex
}
.product-detail .feedback .form .form-captcha .image {
    display: flex;
    margin-right: auto;
    padding-right: 15px;
    flex-shrink: 0
}
.product-detail .feedback .form .form-captcha .image img {
    margin: auto 0 3px
}
.product-detail .feedback .form input[type="text"] {
    width: 100%;
    padding: 12px 18px 10px;
    font-size: 0.875em;
    border: none;
    border-radius: 4px;
    box-sizing: border-box
}
.product-detail .feedback .form input[type="text"]:not(:last-child) {
    margin-bottom: 21px
}
.product-detail .feedback .form textarea {
    width: 100%;
    height: 100%
}
.product-detail .feedback .form .policy {
    width: 100%;
    margin-top: 15px
}
.product-detail .feedback .form .policy label {
    font-size: 0.875em;
    color: #828282
}
.product-detail .feedback .form .buttons {
    width: 100%;
    margin-top: 17px
}
.product-detail .feedback .form .buttons .btn {
    min-width: auto;
    padding: 12px 18px;
    opacity: 1
}
.product-detail .feedback .form .errors-message {
    width: 100%;
    margin-bottom: 21px;
    padding: 19px 20px 20px;
    font-size: 0.875em;
    color: #eb5757;
    line-height: 1.2em;
    background-color: #feeeee;
    border: 1px solid #f5a3a3;
    border-radius: 3px;
    box-sizing: border-box
}
.product-detail .feedback .form .errors-message p {
    margin: 0
}
.product-detail .feedback .form .success-message {
    width: 100%;
    margin-bottom: 21px;
    padding: 19px 20px 20px;
    font-size: 0.875em;
    color: #27ae60;
    line-height: 1.2em;
    background-color: #eaf7ef;
    border: 1px solid #8ad1a8;
    border-radius: 3px;
    box-sizing: border-box
}
.product-detail .feedback .form .success-message .title {
    margin-bottom: 5px;
    font-size: 1.15em;
    font-weight: 700
}
.product-detail .feedback .form .success-message .text {
    width: 100%;
    margin-right: 0
}
.product-detail .relevant-products .section-name {
    margin-left: 7px;
    margin-bottom: 32px;
    font-size: 1.375em;
    font-weight: 700
}
.product-detail .brand-info {
    margin-bottom: 24px;
    padding: 51px 40px 40px;
    background-color: #fff;
    box-sizing: border-box
}
.product-detail .brand-info .img {
    width: 81px;
    margin: 0 auto
}
.product-detail .brand-info .desc {
    margin-top: 43px;
    font-size: 0.875em;
    line-height: 1.5em
}
.product-detail .brand-info .links {
    margin-top: 13px
}
.product-detail .brand-info .links .item {
    font-size: 0.875em;
    line-height: 1.5em
}
.product-detail .short-products-list {
    margin-bottom: 24px;
    padding: 42px 40px 38px;
    background-color: #fff
}
.product-detail .short-products-list .name {
    font-size: 1.375em;
    font-weight: 700
}
.product-detail .short-products-list .items {
    margin-top: 32px
}
.product-detail .short-products-list .items .item {
    display: flex;
    align-items: center;
    pointer-events: none
}
.product-detail .short-products-list .items .item:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 17px;
    border-bottom: 1px solid #e7e7e7
}
.product-detail .short-products-list .items .item .img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    flex-shrink: 0;
    pointer-events: auto
}
.product-detail .short-products-list .items .item .product-name {
    display: inline-block;
    font-size: 0.875em;
    color: #424242;
    line-height: 1.3em;
    pointer-events: auto
}
.product-detail .short-products-list .items .item .product-name:hover {
    color: var(--main-color)
}
.product-detail .short-products-list .items .item .price {
    display: inline-block;
    margin-top: 7px;
    width: 100%;
    color: #282828;
    font-weight: 700;
    line-height: 1em
}
.product-detail .product-tabs-container .products-list .product-wrap {
    width: calc((100% - 120px) / 5);
}
.product-detail .product-gifts-container .owl-container {
    margin-bottom: 50px
}
.product-detail.one-page .tabs-container {
    padding: 0;
    background-color: transparent
}
.product-detail.one-page .tabs-container .tabs {
    display: none
}
.product-detail.one-page .tabs-container .tabs-content {
    margin-top: 0
}
.product-detail.one-page .tabs-container .tab-content {
    display: block;
    margin-bottom: 24px;
    padding: 41px 40px;
    background-color: #fff;
    box-sizing: border-box
}
.product-detail.one-page .tabs-container .tab-content .description .product-subtitle {
    margin-top: 0
}
.product-detail.one-page .tabs-container .tab-content .documents {
    margin-bottom: 15px
}
.product-detail.one-page .tabs-container .tab-content .product-subtitle {
    margin-bottom: 30px
}
.product-detail.one-page .product-subtitle {
    margin: 0
}
.product-detail.one-page .feedback {
    margin-bottom: 0
}
.product-detail .advantages, .promo-page .advantages {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 24px;
    padding: 27px 28px 8px;
    background-color: #fff;
    box-sizing: border-box
}
.product-detail .advantages .item, .promo-page .advantages .item {
    display: flex;
    align-items: center;
    width: calc((100% - 96px) / 4);
    margin: 0 12px 24px
}
.product-detail .advantages .item .icon, .promo-page .advantages .item .icon {
    position: relative;
    top: 2px;
    display: block;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px;
    border: 1px solid #282828;
    border-radius: 50%;
    flex-shrink: 0;
    box-sizing: border-box
}

.product-main-info {
    margin: 2.495% 0 24px;
    padding: 2.2% 2.25% 2.4% 2.4%;
    background-color: #fff;
    box-sizing: border-box
}
.product-main-info .product-main-container {
    display: flex
}
.product-main-info .product-img {
    position: relative;
    margin-top: 1px;
    flex-shrink: 0;
    min-width: 0
}
.product-main-info .product-img .labels {
    top: 13px;
    left: 12px
}
.product-main-info .product-img .additional-links {
    top: 13px;
    right: 13px
}
.product-main-info .product-img .additional-links .compare::before, .product-main-info .product-img .additional-links .wishlist::before {
    padding-left: 0
}
.product-main-info .product-img .main-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25.834vw;
    height: 25.834vw;
    max-width: 496px;
    max-height: 496px;
    margin-bottom: 5%
}
.product-main-info .product-img .main-img > div {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}
.product-main-info .product-img .main-img > div.active {
    display: flex
}
.product-main-info .product-img .thumbnails {
    position: relative;
    min-width: 0;
    width: 100%;
    max-width: 25.834vw;
    margin-top: 6px;
    padding: 0 66px;
    box-sizing: border-box
}
.product-main-info .product-img .thumbnails .owl-stage {
    margin: 0 auto
}
.product-main-info .product-img .thumbnails .preview {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    padding: 5px;
    box-sizing: border-box
}
.product-main-info .product-img .thumbnails .preview img {
    position: relative;
    width: auto;
    z-index: -1
}
.product-main-info .product-img .thumbnails .preview.active:not(.video) {
    box-shadow: inset 0 0 0 2px var(--main-color)
}
.product-main-info .product-img .thumbnails .preview.video {
    margin: auto;
    color: var(--main-color);
    text-align: center;
    background-color: #fff
}
.product-main-info .product-img .thumbnails .preview.video:before {
    content: '\0059';
    font-size: 34px;
    line-height: 60px
}
.product-main-info .product-img .thumbnails .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}
.product-main-info .product-img .thumbnails .owl-nav .owl-prev, .product-main-info .product-img .thumbnails .owl-nav .owl-next {
    position: absolute;
    transition: opacity .1s ease
}
.product-main-info .product-img .thumbnails .owl-nav .owl-prev.disabled, .product-main-info .product-img .thumbnails .owl-nav .owl-next.disabled {
    opacity: 0;
    pointer-events: none
}
.product-main-info .product-img .thumbnails .owl-nav .owl-prev {
    left: 0
}
.product-main-info .product-img .thumbnails .owl-nav .owl-next {
    right: 0
}
.product-main-info .product-img .thumbnails .owl-nav .prev, .product-main-info .product-img .thumbnails .owl-nav .next {
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #fff;
    transition: all .2s ease
}
.product-main-info .product-img .thumbnails .owl-nav .prev:before, .product-main-info .product-img .thumbnails .owl-nav .next:before {
    position: relative;
    font-size: 14px;
    line-height: 60px
}
.product-main-info .product-img .thumbnails .owl-nav .prev:hover:before, .product-main-info .product-img .thumbnails .owl-nav .next:hover:before {
    color: var(--main-color)
}
.product-main-info .product-img .thumbnails .owl-nav .prev:before {
    content: '\0047'
}
.product-main-info .product-img .thumbnails .owl-nav .next:before {
    content: '\0048'
}
.product-main-info .product-img .thumbnails .owl-nav.disabled {
    display: none
}
.product-main-info .product-img.popup {
    left: 0;
    box-shadow: none
}
.product-main-info .product-img.popup:before {
    content: '';
    display: block;
    width: 496px;
    height: 496px
}
.product-main-info .product-img.popup .main-img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 5
}
.product-main-info .product-img.popup .main-img > div {
    position: relative;
    width: 496px;
    height: 496px;
    padding: 50px;
    background-color: #fff;
    border-radius: 5px
}
.product-main-info .product-img.popup .main-img > div::after {
    content: '';
    position: absolute;
    top: -25px;
    right: -25px;
    display: block;
    width: 25px;
    height: 25px;
    background-image: url(/local/templates/magnet_s1/img/icons/close-popup.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer
}
.product-main-info .info {
    width: 100%;
    margin-left: 2.42%
}
.product-main-info .info .top {
    display: flex;
    align-items: flex-start;
    padding-bottom: 5px;
    border-bottom: 1px solid #e7e7e7
}
.product-main-info .info .top .iblock-vote {
    margin-right: 3.5%
}
.product-main-info .info .top .code {
    margin-right: 4.15%;
    font-size: 0.75em;
    line-height: 1.5em
}
.product-main-info .info .top .stock {
    position: relative;
    line-height: 1.5em
}
.product-main-info .info .top .stock span {
    border-bottom: 1px dashed #828282
}
.product-main-info .info .top .stock:before {
    position: absolute;
    top: 4px;
    left: -14px
}
.product-main-info .info .top .stock:hover {
    border-bottom: none;
    cursor: pointer
}
.product-main-info .info .top .brand-img {
    width: 80px;
    height: 43px;
    margin: 3px 0 0 auto;
    text-align: center
}
.product-main-info .info .main {
    display: flex;
    min-height: 86px;
    padding: 19px 0;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box
}
.product-main-info .info .main .price-container {
    flex-shrink: 0;
    padding-right: 20px
}
.product-main-info .info .main .price-container .old-price {
    font-size: 1.125em;
    letter-spacing: -0.025em
}
.product-main-info .info .main .price-container .price {
    position: relative;
    margin-top: 12px;
    padding-right: 26px;
    font-size: 1.875em
}
.product-main-info .info .main .price-container .price .product-item-detail-info-container {
    position: absolute;
    top: 2px;
    right: 0
}
.product-main-info .info .main .price-container .saving {
    margin-top: 17px
}
.product-main-info .info .main .desc {
    width: 65.905%;
    margin-left: auto
}
.product-main-info .info .main .desc .text {
    font-size: 0.875em;
    line-height: 1.5em
}
.product-main-info .info .main .desc .more {
    display: inline-block;
    margin-top: 3px;
    font-size: 0.875em
}
.product-main-info .info .main .desc .characteristics {
    margin-top: 15px;
    font-size: 0.875em;
    line-height: 1.5em
}
.product-main-info .info .main .desc .characteristics table {
    min-width: 67.5%;
    border: none;
    border-collapse: collapse
}
.product-main-info .info .main .desc .characteristics table td {
    padding: 0
}
.product-main-info .info .main .desc .characteristics table .type {
    padding-right: 10px;
    background-image: url(/local/templates/magnet_s1/img/icons/background-line.svg);
    background-repeat: repeat-x;
    background-position: 0px 14px;
    vertical-align: top;
    white-space: nowrap
}
.product-main-info .info .main .desc .characteristics table .type span {
    display: inline-block;
    padding-right: 15px;
    background-color: #fff
}
.product-main-info .info .main .desc .characteristics table .value {
    padding-left: 15px
}
.product-main-info .info .order-container {
    padding: 30px 0 29px
}
.product-main-info .info .order-container .details .product-item-info-container {
    margin-bottom: 10px
}
.product-main-info .info .order-container .details .product-item-info-container .product-item-scu-container {
    display: flex;
    align-items: flex-start
}
.product-main-info .info .order-container .details .product-item-info-container .product-item-scu-name {
    min-width: 117px;
    margin-right: 20px;
    padding-top: 3px;
    font-size: 0.875em;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.product-main-info .info .order-container .details .product-item-info-container .product-item-scu-list {
    cursor: pointer
}
.product-main-info .info .order-container .details .product-item-info-container .product-item-scu-list li div {
    height: 100%
}
.product-main-info .info .order-container .details .product-item-info-container .product-item-scu-list .product-item-scu-item-text {
    padding: 0 6px
}
.product-main-info .info .order-container .buttons {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-top: 30px
}
.product-main-info .info .order-container .buttons .counter {
    flex-shrink: 0;
    width: auto;
    min-width: 100px;
    max-width: 133px;
    padding: 10px 15px 8px
}
.product-main-info .info .order-container .buttons .counter input {
    margin: -1px 5px 0;
    padding: 0 5px;
    max-width: 64px
}
.product-main-info .info .order-container .buttons .counter .plus {
    margin-right: 1px
}
.product-main-info .info .order-container .buttons .product-item-button-container {
    display: flex;
    flex-shrink: 0;
    margin-left: 7px
}
.product-main-info .info .order-container .buttons .product-item-button-container .btn {
    padding-bottom: 9px
}
.product-main-info .info .order-container .buttons .product-item-button-container .one-click {
    flex-shrink: 0;
    margin-left: 7px;
    padding: 8px 21px 7px;
    color: var(--main-color);
    background-color: #fff;
    border: 2px solid var(--main-color);
    transition: all .2s ease
}
.product-main-info .info .order-container .buttons .product-item-button-container .one-click:hover {
    color: #fff;
    background-color: var(--main-color);
    opacity: 1
}
.product-main-info .info .order-container .buttons .delivery-link {
    position: relative;
    margin: 4px 0 0 4.55%;
    padding-left: 49px;
    font-size: 0.8125em;
    line-height: 1.307692em;
    box-sizing: border-box
}
.product-main-info .info .order-container .buttons .delivery-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 34px;
    background-image: url(/local/templates/magnet_s1/img/icons/product-delivery.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}
.product-main-info .info .order-container .buttons .delivery-link .text {
    margin-bottom: 1px
}
.product-main-info .info .order-container .buttons .delivery-link .text span {
    font-weight: 700
}
.product-main-info .info .order-container .buttons .delivery-link .text:not(.loaded) span {
    position: relative
}
.product-main-info .info .order-container .buttons .delivery-link .text:not(.loaded) span::after {
    content: '';
    position: absolute;
    right: -14px;
    bottom: 2px;
    display: block;
    width: 12px;
    height: 4px;
    background-image: url(/local/templates/magnet_s1/img/delivery-preloader.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain
}
.product-main-info .info .order-container.no-offers .buttons {
    margin-top: 0
}
.product-main-info .info .bottom {
    display: flex;
    padding: 29px 0 19px;
    border-top: 1px solid #e7e7e7
}
.product-main-info .info .bottom .left {
    display: flex;
    width: 100%
}
.product-main-info .info .bottom .right {
    flex-shrink: 0;
    margin: 0 1px 0 auto;
    padding-left: 10px
}
.product-main-info .info .bottom .sale, .product-main-info .info .bottom .gifts-tip {
    position: relative;
    min-width: 50%;
    padding: 0 50px 0 52px;
    box-sizing: border-box
}
.product-main-info .info .bottom .sale:before, .product-main-info .info .bottom .gifts-tip:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}
.product-main-info .info .bottom .sale .name, .product-main-info .info .bottom .gifts-tip .name {
    font-weight: 700
}
.product-main-info .info .bottom .sale .text, .product-main-info .info .bottom .gifts-tip .text {
    margin-top: 5px;
    font-size: 0.875em;
    line-height: 1.5em
}
.product-main-info .info .bottom .sale .link, .product-main-info .info .bottom .gifts-tip .link {
    font-size: 0.875em;
    line-height: 1.5em
}
.product-main-info .info .bottom .gifts-tip {
    display: none;
    min-width: 45%;
    flex-shrink: 0
}
.product-main-info .info .bottom .gifts-tip.visible {
    display: block
}
.product-main-info .info .bottom .sale::before {
    background-image: url(/local/templates/magnet_s1/img/icons/icon-sale.svg)
}
.product-main-info .info .bottom .gifts-tip::before {
    background-image: url(/local/templates/magnet_s1/img/icons/icon-gifts-tip.svg)
}
.product-main-info .info .bottom .gifts-tip .link {
    border-bottom: 1px dashed var(--main-color)
}
.product-main-info .info .bottom .gifts-tip .link:hover {
    border-color: transparent
}
.product-main-info .set-constructor {
    display: flex;
    width: 100%;
    margin-top: 39px;
    padding-top: 2.5%;
    border-top: 1px solid #e7e7e7
}
.product-main-info .set-constructor .mobile-title {
    display: none
}
.product-main-info .set-constructor .base-product {
    position: relative;
    flex-shrink: 0;
    width: 273px;
    padding-right: 51px;
    box-sizing: border-box
}
.product-main-info .set-constructor .base-product::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -21px;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-image: url(/local/templates/magnet_s1/img/icons/icon-plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    background-color: #e7e7e7;
    border-radius: 50%;
    z-index: 2
}
.product-main-info .set-constructor .base-product .img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 224px;
    height: 224px
}
.product-main-info .set-constructor .base-product .name {
    margin-top: 9px;
    font-size: 0.875em;
    line-height: 1.35em
}
.product-main-info .set-constructor .base-product .price {
    margin-top: 11px;
    font-size: 1.15em;
    color: #282828;
    font-weight: 700;
    letter-spacing: -0.012em
}
.product-main-info .set-constructor .base-product .old-price {
    margin-top: 1px;
    font-size: 0.75em;
    color: #828282;
    text-decoration: line-through
}
.product-main-info .set-constructor .sets-list {
    position: relative;
    width: 100%;
    padding: 0 48px;
    border-left: 3px solid #e7e7e7;
    border-right: 3px solid #e7e7e7;
    box-sizing: border-box
}
.product-main-info .set-constructor .sets-list .title {
    font-size: 1.375em;
    color: #282828;
    font-weight: 700;
    line-height: 1.2em
}
.product-main-info .set-constructor .sets-list .list {
    width: 100%;
    margin-top: 29px;
    border-spacing: 0;
    border: none
}
.product-main-info .set-constructor .sets-list .list tr:last-child td {
    border-bottom: 1px solid #e7e7e7
}
.product-main-info .set-constructor .sets-list .list td {
    padding: 10px 0 9px;
    border-top: 1px solid #e7e7e7;
    transition: all .2s ease;
    opacity: .5
}
.product-main-info .set-constructor .sets-list .list .added td {
    opacity: 1
}
.product-main-info .set-constructor .sets-list .list .img {
    width: 60px;
    padding-right: 19px
}
.product-main-info .set-constructor .sets-list .list .img a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px
}
.product-main-info .set-constructor .sets-list .list .price {
    padding-left: 10px;
    text-align: right;
    white-space: nowrap
}
.product-main-info .set-constructor .sets-list .list .price .old {
    display: inline-block;
    margin-right: 10px;
    font-size: 0.75em;
    color: #828282;
    text-decoration: line-through
}
.product-main-info .set-constructor .sets-list .list .price .current {
    display: inline-block;
    color: #282828;
    font-weight: 700
}
.product-main-info .set-constructor .sets-list .list .price .current .measure {
    color: #838383
}
.product-main-info .set-constructor .sets-list .list .action {
    width: 12px;
    padding-left: 40px;
    padding-right: 21px;
    opacity: 1
}
.product-main-info .set-constructor .sets-list .list .action .change-set::before {
    content: '\004e';
    position: relative;
    display: inline-block;
    font-family: 'Icon Custom';
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    transition: all .2s ease;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.product-main-info .set-constructor .sets-list .list .action .change-set.add {
    color: #27ae60
}
.product-main-info .set-constructor .sets-list .list .action .change-set.add:hover {
    color: #12a04e
}
.product-main-info .set-constructor .sets-list .list .action .change-set.remove {
    color: #aaa
}
.product-main-info .set-constructor .sets-list .list .action .change-set.remove::before {
    transform: rotate(-45deg)
}
.product-main-info .set-constructor .sets-list .list .action .change-set.remove:hover {
    color: #eb5757
}
.product-main-info .set-constructor .set-result {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 229px;
    margin-left: 48px;
    padding: 10px;
    text-align: center;
    background-color: rgba(115, 195, 25, 0.1);
    border-radius: 10px;
    box-sizing: border-box
}
.product-main-info .set-constructor .set-result::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -70px;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-image: url(/local/templates/magnet_s1/img/icons/icon-equal.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    background-color: #e7e7e7;
    border-radius: 50%;
    z-index: 2
}
.product-main-info .set-constructor .set-result .set-price-container {
    position: relative;
    display: flex;
    flex-direction: column
}
.product-main-info .set-constructor .set-result .old-price {
    margin-bottom: 12px;
    font-size: 1.125em;
    color: #828282;
    letter-spacing: -0.02em;
    text-decoration: line-through
}
.product-main-info .set-constructor .set-result .price {
    font-size: 1.875em;
    color: #282828;
    font-weight: 700;
    letter-spacing: -0.025em
}
.product-main-info .set-constructor .set-result .economy {
    margin-top: 17px;
    padding: 0 6px;
    font-size: 0.75em;
    line-height: 1.75em;
    border: 2px solid #f2c94c;
    border-radius: 2px
}
.product-main-info .set-constructor .set-result .btn {
    margin-top: 30px;
    padding: 10px 25px
}
.product-main-info .product-timer {
    margin-top: 13px
}

.product-timer {
    display: none;
    width: 163px;
    font-size: 0.75em;
    text-align: center
}
.product-timer.show {
    display: block
}
.product-timer .name {
    margin-bottom: 2px
}
.product-timer .time {
    display: flex;
    background-color: #f5f5f5;
    border-radius: 3px
}
.product-timer .time .item {
    width: 33.3%;
    padding: 7px 0 6px;
    line-height: 1em
}
.product-timer .time .item:not(:first-child) {
    position: relative
}
.product-timer .time .item:not(:first-child)::before, .product-timer .time .item:not(:first-child)::after {
    content: '';
    position: absolute;
    left: -3px;
    display: block;
    width: 4px;
    height: 4px;
    background-color: #aaa;
    border-radius: 50%
}
.product-timer .time .item:not(:first-child)::before {
    top: 14px
}
.product-timer .time .item:not(:first-child)::after {
    top: 22px
}
.product-timer .time .item span {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem
}
.product-timer .time .item[style*="display: none"]::before, .product-timer .time .item[style*="display: none"]::after {
    content: none
}
.product-timer .time .item[style*="display: none"] + .item::before, .product-timer .time .item[style*="display: none"] + .item::after {
    content: none
}
.product-timer .timer-stock {
    margin-top: 2px;
    background-color: #f5f5f5;
    border-radius: 3px
}
.product-timer .timer-stock span {
    font-weight: 700
}
.product-timer.colored .time {
    background-color: transparent;
    border-radius: 0
}
.product-timer.colored .time .item {
    width: calc(33.3% - 2px);
    margin-right: 2px;
    background-color: rgba(115, 195, 25, 0.12);
    border-radius: 3px
}
.product-timer.colored .time .item::before, .product-timer.colored .time .item::after {
    left: -4px;
    width: 6px;
    height: 6px;
    background-color: #fff;
    z-index: 5
}
.product-timer.colored .time .item::before {
    top: 12px
}
.product-timer.colored .time .item::after {
    top: 24px
}
.product-timer.colored .timer-stock {
    background-color: rgba(115, 195, 25, 0.18)
}
.product-timer.animated .time .item::before, .product-timer.animated .time .item::after {
    animation: timer-blink 2s infinite linear
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .product-main-info .product-img .main-img {
        position: relative
    }
    .product-main-info .product-img .main-img img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 1
    }
    .product-main-info .product-img .thumbnails .preview img, .product-main-info .set-constructor .base-product .img img, .product-main-info .set-constructor .sets-list .list .img a img {
        min-width: 1px;
        min-height: 1px
    }

    .product-detail .short-products-list .items .item .img {
        position: relative;
        display: block
    }
    .product-detail .short-products-list .items .item .img img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 0
    }
    .product-detail .feedback .form {
        width: 100%
    }
    .product-detail .advantages .item, .product-detail .advantages .item {
        width: calc((100% - 97px) / 4)
    }
    .product-detail .tabs-container .tabs-content .videos .items .item {
        width: calc((100% - 42px) / 2)
    }
}
@media (pointer: coarse),(max-width: 767px) {
    .product-main-info .info .order-container .buttons .product-item-button-container .one-click:hover {
        color: var(--main-color);
        background-color: #fff
    }
    .product-main-info .info .main .price-container .price .product-item-detail-info-container {
        position: static
    }
}
@media (max-width: 1771px) {

    .product-detail .left {
        width: 50%
    }
    .product-detail .brand-info {
        padding: 12.5% 9.805% 9.805%
    }
    .product-detail .brand-info .desc {
        margin-top: 13.11%
    }
    .product-detail .short-products-list {
        padding: 10.295% 9.805% 9.315%
    }
    .product-detail .short-products-list .items {
        margin-top: 9.76%
    }
    .product-detail .short-products-list .items .item:not(:last-child) {
        margin-bottom: 6.1%;
        padding-bottom: 5.185%
    }
    .product-detail .product-tabs-container .products-list .product-wrap {
        width: calc((100% - 96px) / 4)
    }
}
@media (max-width: 1680px) {

    .product-detail .product-tabs-container .products-list .product-wrap {
        width: calc((100% - 72px) / 3)
    }
}
@media (max-width: 1550px) {
    .product-main-info .info .bottom .left {
        flex-direction: column
    }
    .product-main-info .info .bottom .sale, .product-main-info .info .bottom .gifts-tip {
        max-width: 100%
    }
    .product-main-info .info .bottom .sale .text, .product-main-info .info .bottom .gifts-tip .text {
        margin-top: 0
    }
    .product-main-info .info .bottom .sale + .gifts-tip {
        margin-top: 25px
    }
    .product-main-info .set-constructor .base-product {
        width: 222px;
        padding-right: 1.75%;
        box-sizing: content-box
    }
    .product-main-info .set-constructor .sets-list {
        padding: 0 35px
    }
    .product-main-info .set-constructor .sets-list .list .action {
        padding-left: 15px;
        padding-right: 10px
    }
    .product-detail .tabs-container .tabs-content .description + .videos, .product-detail .tabs-container .tabs-content .description + .documents, .product-detail .tabs-container .tabs-content .videos + .documents {
        margin-top: 3.357%;
        padding-top: 3.44%
    }
    .product-detail .tabs-container .tabs-content .documents .items .item {
        width: 31%
    }
    .product-detail .right {
        width: 30%
    }
    .product-detail .feedback .text {
        width: 35%
    }
    .product-detail .feedback .form .column.big {
        width: 100%;
        margin-right: 0
    }
    .product-detail .feedback .form .column.small {
        order: -1;
        width: 100%
    }
    .product-detail .feedback .form .form-captcha {
        width: 100%
    }
}
@media (max-width: 1330px) {
    .product-detail .tabs-container .tabs-content .documents .items .item {
        width: calc(50% - 20px)
    }

    .product-main-info .info .order-container .buttons {
        flex-wrap: wrap
    }
    .product-main-info .info .order-container .buttons .delivery-link {
        width: 100%;
        margin: 25px 0 0 5px
    }
}
@media (max-width: 1270px) {
    .product-detail .advantages, .promo-page .advantages {
        padding-bottom: 1px
    }
    .product-detail .advantages .item, .promo-page .advantages .item {
        width: 46.85%;
        margin-bottom: 31px
    }
    .product-detail .columns {
        flex-wrap: wrap;
        width: 100%
    }
    .product-detail .left, .product-detail .right {
        width: 100%
    }
    .product-detail .right {
        margin: 24px 0 0
    }
    .product-detail .tabs-container .tabs-content .description + .videos, .product-detail .tabs-container .tabs-content .videos + .documents {
        margin-top: 5.8%;
        padding-top: 5.4%
    }
    .product-detail .tabs-container .tabs-content .videos .items .item {
        height: 19.708vw;
        margin-bottom: 16px
    }
    .product-detail .feedback {
        flex-wrap: wrap
    }
    .product-detail .feedback .text {
        width: 100%;
        margin-right: 0
    }
    .product-detail .feedback .form {
        margin-top: 7%
    }
    .product-detail .brand-info {
        padding: 40px
    }
    .product-detail .brand-info .desc {
        margin-top: 40px
    }
    .product-detail .short-products-list {
        padding: 40px 40px 30px
    }
    .product-detail .short-products-list .items {
        display: flex;
        flex-wrap: wrap;
        margin: 30px -20px 0
    }
    .product-detail .short-products-list .items .item {
        width: calc((100% - 80px) / 2);
        align-items: flex-start;
        margin: 0 20px 20px;
        pointer-events: auto
    }
    .product-detail .short-products-list .items .item:not(:last-child) {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: none
    }

    .product-main-info {
        position: relative;
        padding: 2.2% 41px 2.4%
    }
    .product-main-info .product-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 47%;
        padding: 50px 0 0 52px;
        box-sizing: border-box
    }
    .product-main-info .product-img .labels {
        top: 51px;
        left: 52px
    }
    .product-main-info .product-img .additional-links {
        top: 51px;
        right: 0
    }
    .product-main-info .product-img .main-img {
        width: 100%;
        height: 352px;
        margin-bottom: 0
    }
    .product-main-info .product-img .thumbnails {
        max-width: 100%;
        margin-top: 5%
    }
    .product-main-info .info {
        margin-left: 0
    }
    .product-main-info .info .top {
        flex-wrap: wrap;
        margin: 2.9% 0 0 51.5%;
        padding-bottom: 3.65%
    }
    .product-main-info .info .top .iblock-vote {
        margin-right: 10.8%
    }
    .product-main-info .info .top .stock {
        width: 100%;
        margin: 3% 0 0 14px
    }
    .product-main-info .info .top .brand-img {
        margin: 5.75% 0 0
    }
    .product-main-info .info .main {
        flex-wrap: wrap;
        align-content: flex-start;
        min-height: 315px;
        margin-left: 51.5%;
        border-bottom: none
    }
    .product-main-info .info .main .price-container {
        width: 100%
    }
    .product-main-info .info .main .desc {
        width: 100%;
        margin: 7.5% 0 0
    }
    .product-main-info .info .main .desc .characteristics table {
        width: 100%
    }
    .product-main-info .info .order-container {
        border-top: 1px solid #e7e7e7
    }
    .product-main-info .info .order-container .buttons {
        flex-wrap: nowrap
    }
    .product-main-info .info .order-container .buttons .delivery-link {
        margin: 4px 0 0 4.55%
    }
    .product-main-info .set-constructor {
        margin-top: 29px;
        flex-wrap: wrap
    }
    .product-main-info .set-constructor .sets-list {
        width: 65%;
        flex-grow: 1;
        padding-right: 0;
        border-right: none
    }
    .product-main-info .set-constructor .set-result {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        margin: 25px 0 0;
        padding: 25px 35px
    }
    .product-main-info .set-constructor .set-result::before {
        display: none
    }
    .product-main-info .set-constructor .set-result .set-price-container {
        align-items: flex-start;
        text-align: left
    }
    .product-main-info .set-constructor .set-result .old-price {
        width: 100%
    }
    .product-main-info .set-constructor .set-result .btn {
        margin-top: 0
    }
}
@media (max-width: 1024px) {
    .product-detail .feedback .form {
        margin-top: 35px
    }
    .product-main-info .info .main .price-container .price {
        padding-right: 0
    }
    .product-main-info .info .order-container .buttons {
        flex-wrap: wrap
    }
    .product-main-info .info .order-container .buttons .delivery-link {
        margin: 25px 0 0 5px
    }
    .product-main-info .set-constructor {
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 15px
    }
    .product-main-info .set-constructor .base-product {
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 18px;
        padding-right: 0
    }
    .product-main-info .set-constructor .base-product::after {
        top: inherit;
        left: 50%;
        bottom: -40px;
        margin: 0 0 0 -20px
    }
    .product-main-info .set-constructor .base-product .img {
        width: 200px;
        height: 200px;
        margin-right: 25px
    }
    .product-main-info .set-constructor .sets-list {
        width: 100%;
        padding: 40px 0;
        border-top: 3px solid #e7e7e7;
        border-bottom: 3px solid #e7e7e7;
        border-left: none
    }
    .product-main-info .set-constructor .set-result {
        margin-top: 35px
    }
    .product-main-info .set-constructor .set-result::before {
        top: -56px;
        left: 50%;
        display: block;
        margin: 0 0 0 -20px
    }

}
@media (max-width: 767px) {
    .product-detail .advantages, .promo-page .advantages {
        display: none
    }
    .product-detail .columns .left {
        margin-bottom: 0
    }
    .product-detail .tabs-container {
        margin-top: 2px;
        padding: 20px
    }
    .product-detail .tabs-container .tabs {
        flex-direction: column;
        align-items: flex-start;
        border: 1px solid #e7e7e7
    }
    .product-detail .tabs-container .tabs .tab {
        display: none;
        width: 100%;
        padding: 10px 26px 10px 10px;
        font-size: 1em;
        box-sizing: border-box
    }
    .product-detail .tabs-container .tabs .tab::after {
        content: none
    }
    .product-detail .tabs-container .tabs .tab.active {
        position: relative;
        order: -1;
        display: inline-block;
        color: #424242
    }
    .product-detail .tabs-container .tabs .tab.active::after {
        content: '\0048';
        position: absolute;
        top: 50%;
        left: inherit;
        right: 10px;
        bottom: inherit;
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        font-family: 'Icon Custom';
        font-size: 12px;
        color: var(--main-color);
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        background-color: transparent;
        transform: rotate(90deg);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .product-detail .tabs-container .tabs.open {
        top: 20px;
        background-color: #fff
    }
    .product-detail .tabs-container .tabs.open .tab {
        display: inline-block
    }
    .product-detail .tabs-container .tabs.open .tab:not(.active) {
        color: var(--main-color);
        border-top: 1px solid #e7e7e7
    }
    .product-detail .tabs-container .tabs.open .tab.active::after {
        margin-top: -8px;
        transform: rotate(-90deg)
    }
    .product-detail .tabs-container .tabs-content {
        margin-top: 15px
    }
    .product-detail .tabs-container .tabs-content .characteristics table {
        font-size: 0.875em
    }
    .product-detail .tabs-container .tabs-content .characteristics table td {
        padding-bottom: 9px;
        vertical-align: bottom
    }
    .product-detail .tabs-container .tabs-content .characteristics table .type {
        width: auto;
        background-image: none
    }
    .product-detail .tabs-container .tabs-content .characteristics table .type span {
        padding-right: 0
    }
    .product-detail .tabs-container .tabs-content .characteristics table .type span input[type="checkbox"] + label {
        padding-left: 28px;
        min-height: 20px
    }
    .product-detail .tabs-container .tabs-content .characteristics table .type span input[type="checkbox"] + label::before {
        top: -2px;
        width: 20px;
        height: 20px
    }
    .product-detail .tabs-container .tabs-content .characteristics table .type span input[type="checkbox"]:checked + label::before {
        background-size: 13px;
        background-position: center
    }
    .product-detail .tabs-container .tabs-content .characteristics table .type.no-filter span {
        padding-left: 28px
    }
    .product-detail .tabs-container .tabs-content .characteristics table .value {
        padding-left: 7px;
        text-align: right
    }
    .product-detail .tabs-container .tabs-content .characteristics .filter-action {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 10px;
        padding: 19px 20px 20px
    }
    .product-detail .tabs-container .tabs-content .characteristics .filter-action .buttons {
        flex-wrap: wrap;
        margin: 10px 0 0;
        padding-left: 0
    }
    .product-detail .tabs-container .tabs-content .characteristics .filter-action .buttons .count {
        width: 100%;
        margin-bottom: 7px
    }
    .product-detail .tabs-container .tabs-content .availability table .address {
        width: 100%
    }
    .product-detail .tabs-container .tabs-content .availability table .value {
        white-space: nowrap
    }
    .product-detail .tabs-container .tabs-content .videos .name {
        font-size: 1.25em
    }
    .product-detail .tabs-container .tabs-content .videos .items .item {
        width: 100%;
        height: calc(40vw - 12px);
        margin-bottom: 24px
    }
    .product-detail .tabs-container .tabs-content .documents .name {
        font-size: 1.25em
    }
    .product-detail .tabs-container .tabs-content .documents .items .item {
        width: 100%
    }
    .product-detail .tabs-container .tabs-content .reviews-container .buttons .btn {
        width: 100%;
        margin-right: 0;
        padding: 12px 10px
    }
    .product-detail .tabs-container .tabs-content .reviews-container .reviews-reply-field input {
        max-width: 100%
    }
    .product-detail .tabs-container .tabs-content .reviews-container .reviews-reply-form .reviews-reply-field-setting label {
        line-height: 1.25em
    }
    .product-detail .tabs-container .tabs-content .reviews-container .reviews-reply-form .reviews-reply-buttons .btn {
        margin-right: 2px;
        padding: 9px 18px 10px
    }
    .product-detail .tabs-container .tabs-content .reviews-container .reviews-reply-form .reviews-reply-buttons .btn.white {
        padding: 7px 11px
    }
    .product-detail .tabs-container .tabs-content .reviews-container .bx-html-editor {
        height: 160px !important
    }
    .product-detail .tabs-container .tabs-content .reviews-container .bx-html-editor .bxhtmled-toolbar-cnt {
        display: none
    }
    .product-detail .tabs-container .tabs-content .reviews-container .bx-html-editor .bxhtmled-area-cnt {
        top: 0 !important
    }
    .product-detail .feedback {
        margin-bottom: 24px;
        padding: 20px
    }
    .product-detail .feedback .text .name {
        font-size: 1.25em
    }
    .product-detail .feedback .form {
        margin-top: 8.5%
    }
    .product-detail .feedback .form .form-captcha .captcha-content {
        flex-wrap: wrap;
        margin-top: 10px
    }
    .product-detail .feedback .form .form-captcha .captcha-content .image {
        margin-bottom: 5px
    }
    .product-detail .brand-info {
        padding: 20px
    }
    .product-detail .brand-info .img {
        width: 75%;
        margin-top: 20px;
        text-align: center
    }
    .product-detail .brand-info .desc {
        margin-top: 20px
    }
    .product-detail .short-products-list {
        padding: 20px 20px 0
    }
    .product-detail .short-products-list .name {
        font-size: 1.25em
    }
    .product-detail .short-products-list .items .item {
        align-items: center;
        width: 100%
    }
    .product-detail .short-products-list .items .item:not(:last-child) {
        border-bottom: 1px solid #e7e7e7
    }
    .product-detail .product-tabs-container .tabs-container .tabs {
        width: 100%;
        margin-bottom: 10px
    }
    .product-detail .product-tabs-container .tabs-container .tabs .tab {
        font-size: 0.875em;
        background-color: #fff
    }
    .product-detail.one-page .tabs-container .tab-content {
        padding: 20px
    }
    .product-detail.one-page .tabs-container .tab-content .product-subtitle {
        margin-bottom: 12px
    }
    .product-main-info {
        margin-top: 20px;
        padding: 20px
    }
    .product-main-info .product-main-container {
        flex-wrap: wrap
    }
    .product-main-info .product-img {
        position: static;
        width: 100%;
        padding: 0
    }
    .product-main-info .product-img .labels {
        top: 20px;
        left: 20px
    }
    .product-main-info .product-img .additional-links {
        top: 20px;
        right: 20px
    }
    .product-main-info .product-img .main-img {
        width: 73.75vw;
        height: 73.75vw;
        margin: 0 auto
    }
    .product-main-info .product-img .thumbnails {
        width: 100%
    }
    .product-main-info .info {
        width: 100%;
        margin-top: 40px
    }
    .product-main-info .info .top {
        margin: 0;
        padding-bottom: 20px
    }
    .product-main-info .info .top .brand-img {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px
    }
    .product-main-info .info .main {
        margin-left: 0;
        min-height: auto
    }
    .product-main-info .info .main .desc .characteristics table tr {
        display: block;
        vertical-align: top
    }
    .product-main-info .info .main .desc .characteristics table .type {
        display: inline;
        padding-right: 0;
        background-image: none
    }
    .product-main-info .info .main .desc .characteristics table .type span {
        padding-right: 0
    }
    .product-main-info .info .main .desc .characteristics table .type span::after {
        content: ':';
        display: inline;
        padding-right: 2px
    }
    .product-main-info .info .main .desc .characteristics table .value {
        display: inline;
        padding-left: 0;
        font-weight: 700
    }
    .product-main-info .info .main .price-container .old-price {
        font-size: 1em
    }
    .product-main-info .info .main .price-container .price {
        font-size: 1.5em;
        line-height: 1.1em
    }
    .product-main-info .info .main .price-container .saving {
        margin-top: 13px
    }
    .product-main-info .info .order-container .details .product-item-info-container .product-item-scu-container {
        flex-direction: column
    }
    .product-main-info .info .order-container .details .product-item-info-container .product-item-scu-container .product-item-scu-name {
        margin-bottom: 3px
    }
    .product-main-info .info .order-container .buttons {
        flex-wrap: wrap
    }
    .product-main-info .info .order-container .buttons .counter {
        width: 100%;
        min-width: 100%;
        max-width: 100%
    }
    .product-main-info .info .order-container .buttons .counter input {
        font-size: 1rem
    }
    .product-main-info .info .order-container .buttons .product-item-button-container {
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;
        margin: 0
    }
    .product-main-info .info .order-container .buttons .product-item-button-container > div {
        width: 100%
    }
    .product-main-info .info .order-container .buttons .product-item-button-container .btn {
        width: 100%;
        margin-top: 10px
    }
    .product-main-info .info .order-container .buttons .product-item-button-container .one-click {
        margin-left: 0
    }
    .product-main-info .info .order-container .buttons .delivery-link {
        padding-left: 60px;
        font-size: 1em
    }
    .product-main-info .info .order-container .buttons .delivery-link::before {
        width: 44px;
        height: 44px
    }
    .product-main-info .info .order-container .buttons .delivery-link .text {
        margin-bottom: 5px
    }
    .product-main-info .info .bottom {
        padding: 0;
        border-top: none
    }
    .product-main-info .info .bottom .left {
        width: 100%
    }
    .product-main-info .info .bottom .left > div:first-child {
        border-top: 1px solid #e7e7e7
    }
    .product-main-info .info .bottom .right {
        display: none
    }
    .product-main-info .info .bottom .sale, .product-main-info .info .bottom .gifts-tip {
        width: 100%;
        padding: 19px 0 19px 52px;
        box-sizing: border-box
    }
    .product-main-info .info .bottom .sale::before, .product-main-info .info .bottom .gifts-tip::before {
        top: 19px
    }
    .product-main-info .info .bottom .sale .name, .product-main-info .info .bottom .gifts-tip .name {
        line-height: 1.35em
    }
    .product-main-info .info .bottom .sale .text, .product-main-info .info .bottom .gifts-tip .text {
        margin-top: 5px
    }
    .product-main-info .info .bottom .sale + .gifts-tip {
        margin-top: 0;
        padding-top: 0
    }
    .product-main-info .info .bottom .sale + .gifts-tip::before {
        top: 1px
    }
    .product-main-info .product-timer {
        width: 100%;
        font-size: 0.875em
    }
    .product-main-info .product-timer .name {
        margin-bottom: 4px
    }
    .product-main-info .product-timer .time .item {
        padding: 10px 0
    }
    .product-main-info .product-timer .time .item:not(:last-child)::before, .product-main-info .product-timer .time .item:not(:last-child)::after {
        width: 6px;
        height: 6px
    }
    .product-main-info .product-timer .time .item:not(:last-child)::before {
        top: 16px
    }
    .product-main-info .product-timer .time .item:not(:last-child)::after {
        top: 26px
    }
    .product-main-info .product-timer .timer-stock {
        margin-top: 7px;
        padding: 5px 0
    }
    .product-main-info .product-timer.colored .time .item:not(:last-child)::before, .product-main-info .product-timer.colored .time .item:not(:last-child)::after {
        right: -5px;
        width: 8px;
        height: 8px
    }
    .product-main-info .product-timer.colored .time .item:not(:last-child)::before {
        top: 14px
    }
    .product-main-info .product-timer.colored .time .item:not(:last-child)::after {
        top: 30px
    }

}
@media (max-width: 700px) {
    .product-detail .product-tabs-container .products-list .product-wrap {
        width: calc((100% - 48px) / 2)
    }

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

    .product-main-info .set-constructor {
        margin-top: 0;
        padding-top: 30px
    }
    .product-main-info .set-constructor .mobile-title {
        display: block;
        font-size: 1.375em;
        color: #282828;
        font-weight: 700;
        line-height: 1.2em
    }
    .product-main-info .set-constructor .base-product {
        flex-direction: column;
        justify-content: center;
        margin: 30px 0 36px
    }
    .product-main-info .set-constructor .base-product::after {
        bottom: -56px
    }
    .product-main-info .set-constructor .base-product .img {
        width: 100%;
        height: 223px;
        margin-right: 0
    }
    .product-main-info .set-constructor .base-product .name {
        margin-top: 18px
    }
    .product-main-info .set-constructor .sets-list {
        padding: 36px 0 40px
    }
    .product-main-info .set-constructor .sets-list .title {
        display: none
    }
    .product-main-info .set-constructor .sets-list .list {
        margin-top: 0;
        text-align: center
    }
    .product-main-info .set-constructor .sets-list .list tr {
        display: flex;
        flex-direction: column;
        padding-bottom: 11px;
        border-top: 1px solid #e7e7e7
    }
    .product-main-info .set-constructor .sets-list .list tr:last-child {
        border-bottom: 1px solid #e7e7e7
    }
    .product-main-info .set-constructor .sets-list .list tr:last-child td {
        border-bottom: none
    }
    .product-main-info .set-constructor .sets-list .list td {
        padding: 0;
        border-top: none
    }
    .product-main-info .set-constructor .sets-list .list .img {
        width: 100%;
        margin-top: 20px;
        padding-right: 0
    }
    .product-main-info .set-constructor .sets-list .list .img a {
        margin: 0 auto
    }
    .product-main-info .set-constructor .sets-list .list .name {
        width: 92.5%;
        margin: 10px auto 0;
        line-height: 1.2em
    }
    .product-main-info .set-constructor .sets-list .list .price {
        margin-top: 10px;
        padding-left: 0;
        text-align: center
    }
    .product-main-info .set-constructor .sets-list .list .price .old {
        display: block;
        margin: 0 0 6px;
        line-height: 1em
    }
    .product-main-info .set-constructor .sets-list .list .action {
        width: 100%;
        margin-top: 10px;
        padding: 0
    }
    .product-main-info .set-constructor .sets-list .list .action .change-set::before {
        font-size: 16px
    }
    .product-main-info .set-constructor .set-result {
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        margin-top: 37px;
        padding: 50px 15px
    }
    .product-main-info .set-constructor .set-result::before {
        top: -60px
    }
    .product-main-info .set-constructor .set-result .set-price-container {
        align-items: center;
        text-align: center
    }
    .product-main-info .set-constructor .set-result .btn {
        margin-top: 30px
    }
}
@media (max-width: 570px) {

    .product-detail .tabs-container .tabs-content .availability table tr {
        display: block
    }
    .product-detail .tabs-container .tabs-content .availability table tr:not(:last-child) {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e7e7e7
    }
    .product-detail .tabs-container .tabs-content .availability table tr td {
        display: block
    }
    .product-detail .tabs-container .tabs-content .availability table .address {
        padding-left: 20px;
        background-image: none;
        box-sizing: border-box
    }
    .product-detail .tabs-container .tabs-content .availability table .address a {
        padding-right: 0
    }
    .product-detail .tabs-container .tabs-content .availability table .value {
        padding-left: 0
    }
}
@media (max-width: 420px) {

    .product-main-info .info .order-container .buttons .delivery-link {
        margin: 30px 0 -15px;
        padding-left: 47px;
        font-size: 0.875em
    }
    .product-main-info .info .order-container .buttons .delivery-link::before {
        width: 34px;
        height: 34px
    }
    .product-main-info .info .order-container .buttons .delivery-link .text {
        margin-bottom: 3px
    }
    .product-main-info .info .order-container .buttons .delivery-link .text span {
        white-space: nowrap
    }
    .product-main-info .product-img .thumbnails {
        padding: 0 36px
    }
    .product-main-info .product-img .thumbnails .owl-nav .prev, .product-main-info .product-img .thumbnails .owl-nav .next {
        width: 30px
    }
}


.product-ym-block {
    border: 1px solid #f5c400;
    border-radius: 5px;
    padding: 15px;
    display: flex;
    cursor: pointer
}
@media (max-width: 420px) {
    .product-ym-block {
        padding: 10px;
        justify-content: space-evenly
    }
}
.product-ym-block--rating {
    margin-right: 15px;
    line-height: 1
}
@media (max-width: 420px) {
    .product-ym-block--rating {
        margin-right: 10px
    }
    .product-ym-block--rating .iblock-vote .star-voted {
        font-size: 14px;
        padding-right: 0
    }
}
.product-ym-block--text {
    line-height: 1.4
}
.product-ym-block--text span {
    font-size: 13px
}
@media (max-width: 420px) {
    .product-ym-block--text {
        font-size: 13px
    }
    .product-ym-block--text span {
        font-size: 12px
    }
}
.product-ym-block img {
    width: 100px
}