
.product-sidebar{ display: none}
.catalog_detail{ margin-top: 10px; }
.product-content{ flex-basis: 100%}

.product-wrap{ padding: 15px;}

.product-wrap .product-images{ width: 95px; max-width: 95px; min-width: 95px; display: flex; flex-direction: column;}
.product-wrap .product-images.has-stykers{ margin-top: 30px;}

.fancybox__backdrop{ background: #fff !important;}
.fancybox__toolbar{ background: #fff !important; border-bottom: 1px solid var(--mgray) !important;   text-shadow: none !important;}
.fancybox__nav, .fancybox__caption, .fancybox__toolbar{ color: var(--black) !important}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after{ border-color: var(--green) !important; border-width: 1px !important}

/***/
.product-images .embla { position: relative; width: 100%}
.product-images .embla__viewport { overflow: hidden; width: 100%;}
.product-images .embla__viewport.is-draggable { cursor: move;cursor: grab;}
.product-images .embla__viewport.is-dragging {cursor: grabbing;}
.product-images .embla__container {display: flex;user-select: none;-webkit-touch-callout: none;
    -khtml-user-select: none;-webkit-tap-highlight-color: transparent; }
.product-images .embla__slide {position: relative; width: 100%; min-width: 100%}
.product-images .embla__slide img{width:auto; max-height: 300px; display: block; margin: auto}
.product-images .embla--thumb {padding-top: 0;margin-top: 20px; width: 100%; max-width: 160px; margin: 0 auto; margin-top: 20px;}
.product-images .embla__container--thumb {cursor: default;  width: 100%}
.product-images .embla__slide--thumb { width:33.33%; max-width: 33.33%; min-width: 33.33%; box-sizing: border-box; opacity: .6;
    cursor: pointer;  transition: all 0.3s ease;  }
.product-images .embla__slide--thumb img{ width: auto;  max-width: 100%; height: auto; max-height: 100%; object-fit: contain}
.product-images .embla__slide--thumb.is-selected{border: 1px solid var(--green); opacity: 1}
.product-images .embla__slide__inner--thumb { touch-action: manipulation;cursor: pointer;border: 0;outline: 0;margin: 0;padding: 0;
    width: 100%; padding-bottom: 100%; background-color: transparent; background-repeat: no-repeat; background-position: center;
    background-size: cover; position: relative; display: block; overflow: hidden;
}

/***/
.product-wrap .product-description{ display:flex; flex-direction:column; flex-grow: 1; padding-left: 20px}
.product-wrap .description.-desktop{ display: none}

.info-wrap{ display: none;}

.product-description-styker{ order: 10}
.product-description-styker .product-stykers-list{ justify-content: flex-start; }
.product-description-styker .product-stykers-list > div{ margin-right: 10px }

.product-description-name{ order: 20; margin-top: 10px}
.product-description-name h1{ font-size: 16px;}

.product-description-text{ display: none; order: 30}
.product-offers-tags{ display:flex; flex-wrap: wrap; order: 45; margin: 10px 0;}
.product-offers-tags .offers-tags-item{   line-height: 1; margin-right: 10px; border: 1px solid var(--green); color: var(--green); font-size: 11px;  margin-bottom: 5px; cursor: pointer; padding: 14px 10px; border-radius: 4px;font-weight:600;}
.product-offers-tags .offers-tags-item.current{ color: #fff; background: var(--green); }

.product-description-header{ margin-top: 5px; margin-bottom: 5px; order: 40}
.product-description-header .b-share{ display:none}
.product-item-rating{ display: flex; font-size: 12px}
.item-rating-count{ margin-left: 5px}

.product-description-props{ margin: 10px 0; order: 50; max-width: 420px;}
.product-prop-item{ font-size: 12px; display: flex;   margin-bottom: 7px; padding-bottom: 7px;
    border-bottom:1px solid var(--lgray); }
.product-prop-item span{ font-weight: 600; flex-basis: 80px; flex-grow: 0;flex-shrink: 0;}
.product-prop-item a{ color: var(--green)}

.product-description-infolinks{ margin-bottom: 15px; order: 60}
.product-description-infolinks a{ display: block; color: var(--green); padding-left:20px; font-size: 12px; position: relative; line-height: 24px}
.product-description-infolinks a:before{ content: ""; display: block; position:absolute; top:0; bottom: 0; left: 0; width: 20px;
    background-image: url(../../../../images/sprite-icons.svg#icon-info);  background-size: 15px; background-repeat: no-repeat;}

.product-description-infolinks a.product-docs-link:before{
    background-image: url(../../../../images/sprite-icons.svg#icon-serts);  background-size: 15px; background-repeat: no-repeat;}


.product-description-share-mobile{ order: 70;}
.product-description-share-mobile .b-share{ align-items: center; justify-content: flex-end }
.product-description-share-mobile .b-share-title{ display: none}

.over-container.info-sidebar{z-index: 600}
.over-container.info-sidebar .overheight_close_button{ position: absolute; z-index: 100; top:20px; right: 15px; width: 7px; height: 2px}
.over-container.info-sidebar .overheight_close_button:before,
.over-container.info-sidebar .overheight_close_button:after{  background-color: var(--gray); border-radius: 2px; height: 2px}
.over-container.info-sidebar .over-content { padding: 20px;box-sizing: border-box;padding-top: 40px;}

.info-items .info-item{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--lgray)}
.info-items .info-item-title{ font-weight: 600}
.info-items .info-item-description p{ font-size: 13px; margin: 7px 0;}
.info-items .info-item-description p:last-child{ margin-bottom: 0}
.info-items .icon{ background-repeat: no-repeat; background-position: left center; padding-left: 25px}
.info-items .icon-payment{ background-image: url(../../../../images/sprite-icons.svg#icon-payment); background-size: 18px 12px;}
.info-items .icon-baloon{ background-image: url(../../../../images/sprite-icons.svg#icon-baloon); background-size: 12px 17px;}
.info-items .icon-metro{ background-image: url(../../../../images/sprite-icons.svg#icon-metro); background-size: 16px 11px;}

.info-items.notice {padding: 10px; border: 1px solid var(--red); margin-bottom: 20px}
.info-items.notice .info-item{ border: none; margin: 0; padding: 0}

.product-detail-text{ padding: 20px 0; font-size: 13px; line-height: 1.5em; max-width: 1100px; margin: auto}
.product-detail-text h2{ font-size: 18px; margin-top:10px; margin-bottom: 5px;}
.product-detail-text ul{ margin-left: 20px; padding-left: 0}
.product-detail-text ul li { list-style: disc; padding-bottom: 7px; }
.product-detail-text ul li:before{ color: var(--green)}
.product-detail-text .product-detail-notice{background: rgba(209, 41, 78, 0.1);border: 1px solid var(--red);border-radius: 8px;
    padding: 12px 12px 12px 45px; background-image: url(../../../../images/sprite-icons.svg#icon-info-red); color: var(--red);
    background-repeat: no-repeat; background-position: 10px 10px; background-size: 24px 24px; margin-top: 20px; margin-bottom: 10px;}

.product-detail-text .table-outer{margin: 0 -15px;padding: 0 15px; overflow: auto}

.product-detail-text table{ border-collapse: collapse; border:  2px solid #333; width: 100%; box-sizing: border-box}
.product-detail-text table td{ padding: 2px 4px; border:  1px solid #666666}

.product-detail-text table p{ padding:0; margin:0}

.product-detail-easynotice{ font-size: 12px; color:#ababab; margin:20px 0; }

#reviews_content{ display: none !important;}

/***/
.packing-image-mobile{ width: 60px; height: 60px;}
.packing-image-mobile img{ max-width: 100%; height: 100%; margin: auto}
.packing-image-desktop{ display: none}
.packing-content{ padding-top: 15px; padding-bottom: 10px;}
.packing-header{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.packing-header .product-title{  padding-left: 10px; flex-grow: 1}
.packing-header .product-title h4{ font-size: 13px; font-weight: 700; margin: 0; line-height: 1.4}
.packing-header .product-price{ flex: auto; text-align: right; font-weight: 800; font-size: 16px; display: flex; flex-direction: column;align-items: flex-end; min-width: fit-content}
.packing-header .price-block{ padding: 5px 0}
.packing-header .product-price .discount{font-size: 12px; color: var(--gray); font-weight: 400; position: relative}
.packing-header .product-price .discount:after{content: ""; display: block; position: absolute; top:45%; left: 0; width: 100%; height: 1px; background: var(--red)}




.partner-bonus{font-size: 12px; font-weight: 500; display: inline-block;padding: 2px 5px;color: #fff;
    background: #f5be2a;border-radius: 4px;}
.partner-bonus .price{  font-weight: 700; font-size: 14px }

.packing-offers-row{ display: flex; align-items: center; justify-content: space-between; padding: 10px 5px; border-radius: 4px}
.packing-offers-row:nth-child(odd){ background-color: #F9F9F9}

.row-item-option{ flex-basis: 110px;}
.row-item-option .option-item-title{ font-size: 12px;}

.offer-item-info{ display: flex; flex-direction: column; align-items: flex-start; }
.not-sku .packing-offers-row .offer-item-info{ display: none}
.offer-item-info > *{ margin-bottom: 5px}
.offer-item-info > *:last-child{ margin-bottom: 0}
.row-item-price .offer-item-info { display: none}
.row-item-option .offer-item-info{ padding: 5px 0}

.row-item-basket{ display: flex; align-items: center; justify-content: flex-end;flex: 1;}

.offer-item-amount{ display: flex; align-items: center; justify-content: space-between}
.offer-item-amount input{  box-sizing: border-box; width: 22px; height: 30px; border:none; text-align: center;  }
.offer-item-amount .offer-amount-button{ box-sizing: border-box; width: 30px; height: 30px; border: 1px solid var(--mgray);  display: flex; align-items: center; justify-content: center; background-color: #fff;background-repeat: no-repeat; background-position: center; background-size: 10px; cursor: pointer}
.offer-item-amount .offer-amount-button.amount-minus{ border-radius: 20px 4px 4px 20px; background-size: 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEyIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc1IDFIMTEuMjUiIHN0cm9rZT0iIzg2OEI4MSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K)}
.offer-item-amount .offer-amount-button.amount-plus{ border-radius:  4px 20px 20px 4px; background-size: 15px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMy43NTA3M1YxNC4yNTA3IiBzdHJva2U9IiM4NjhCODEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTMuNzUgOUgxNC4yNSIgc3Ryb2tlPSIjODY4QjgxIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=); }
.offer-item-amount .empty-amount{ font-size: 11px; color: var(--gray); padding: 0 10px;}


.row-item-basket .offer-item-action{ margin-left: 10px;}
.row-item-basket .to-cart { width: 40px; height:40px; background-repeat: no-repeat; background-position: center; background-image:url(../../../../images/sprite-icons.svg#icon-tobasket); background-size: 18px; border-radius: 4px}
.row-item-basket .to-cart span{ display: none;}

.row-item-basket .in-cart { border: 1px solid var(--green); background-color: #fff;  width: 30px; height:30px; background-repeat: no-repeat; background-position: center; background-image:url(../../../../images/sprite-icons.svg#icon-galca); background-size: 14px; border-radius: 4px; color: var(--green)}
.row-item-basket .in-cart:hover{ background-color: #fff;}
.row-item-basket .in-cart span{ display: none;}

.subscribe-action button { width: 30px; height:40px; background-repeat: no-repeat; background-position: center; background-image:url(../../../../images/sprite-icons.svg#icon-subscr); background-size: 18px; border-radius: 4px; border: none; background-color: transparent;  transition: none }
.subscribe-action button i{ display: none;}
.subscribe-action button span{ display: none;}

.offer-item-action.wish-action{ margin-left: 5px}
.wish-action .wish_item_button span{ display: block; width: 30px; height:30px; background-repeat: no-repeat; background-position: center; background-image:url(../../../../images/sprite-icons.svg#wish-icon); background-size: 18px; cursor: pointer }
.wish-action .wish_item_button span:hover{transform:scale3d(1.1, 1.1, 1);}
.wish-action .wish_item_button span.added{background-image:url(../../../../images/sprite-icons.svg#wish-icon-active);}

.offer-item-action.like-action{ display: none;}
.like-action .like_item_button span{ display: block; width: 30px; height:30px; background-repeat: no-repeat; background-position: center; background-image:url(../../../../images/sprite-icons.svg#like-icon); background-size: 18px; }

.subscribe-action button:hover{ background: none; box-shadow: none}
.subscribe-action button.disabled{ opacity: 0.3; filter: grayscale(1)}

.item-price-discont{ background: var(--red); border: 1px solid var(--red); border-radius: 4px; text-align: center; height: 20px; line-height: 20px; color: #fff; font-size: 11px; font-weight: 800; padding: 0 3px; }
.packing-header-item .item-price-discont{ padding: 0 5px; margin-bottom: 3px}

.row-item-price{ display: flex; align-items: center; flex: 2; justify-content: flex-end; margin-right: 10px; min-width: fit-content }

.row-item-price .item-price-value{ display: flex; align-items: flex-end; flex-direction: column; line-height: 14px; }
.row-item-price .item-price-value > span{ display: inline-block; text-align: right; color: var(--red); font-weight: 700}
.row-item-price .item-price-value .discount{ font-size: 11px; color: var(--gray); font-weight: 400; position: relative}
.row-item-price .item-price-value .discount:after{content: ""; display: block; position: absolute; top:45%; left: 0; width: 100%; height: 1px; background: var(--red)}

.product-admin-info span{ margin-right: 5px; font-size: 13px; font-weight: 700}

.product-docs-title{ margin-top: 20px; margin-bottom: 10px}
.product-docs { display: flex; flex-wrap: wrap; margin-bottom: 15px; }
.product-docs-item-wrap{ flex-basis: 100%}
.product-docs-item{ display: flex; justify-content: flex-start; align-items: center; border: 1px solid #eee;border-radius: 4px; padding: 10px 0; box-sizing: border-box; flex-basis: 100%; margin-bottom: 10px}
.product-docs-item .item-title{ }
.product-docs-item .item-icon{ display: block;height: 40px;width: 40px; background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url(../../../../images/sprite-icons.svg#icon-docfile); margin:0 10px; box-sizing: border-box;  flex-shrink: 0; flex-grow: 0;
}
@media only screen and (min-width: 480px) {

    .product-wrap .product-images {width: 140px;max-width: 140px;min-width: 140px;}
}

@media only screen and (min-width: 768px) {

    .product-wrap .product-images {  width: 320px; max-width: 320px; min-width: 320px;  }
    .product-description-name h1{ font-size: 20px;}

    .packing-header .product-title { max-width: 360px;  }
    .packing-header .product-title h4{ font-size: 16px}
    .packing-header .product-price{ font-size: 18px; font-size: 18px;  justify-content: flex-end; align-items: center; flex-direction: row;}
    .packing-header .product-price .price-block{order: 2;}


    .not-sku .offers-row-item .offer-item-info { display: flex; flex-direction: row;}

    .partner-bonus{ margin: 0 20px 0 0}

    .row-item-option{ flex-basis: 180px; flex-grow: 1}
    .row-item-option .option-item-title { font-size: 14px; }
    .row-item-option .offer-item-info{ flex-direction: row; align-items: center; justify-content: flex-start; }
    .row-item-option .offer-item-info > *{ margin: 0 10px 0 0;}

    .not-sku .packing-header .offer-item-info{ display: none}
    .not-sku .packing-offers-row .offer-item-info{ display: flex; margin-right: 20px}
    .not-sku .packing-offers-row .offer-item-info > *{ margin: 0 10px 0 0;}

    .product-offers-tags .offers-tags-item{  padding: 14px 20px; font-size: 12px;}

    .row-item-likes{ display: flex}
    .offer-item-action.like-action{ display: none}

    .row-item-price{ padding: 0 15px;}
    .row-item-price .item-price-discont{ margin-right: 20px; padding: 0 10px;}
    .row-item-price .discont-name{ display: inline-block;     font-weight: 600;}
    .row-item-price .item-price-value{ flex-direction: row;  align-items: baseline; font-size: 16px}
    .row-item-price .item-price-value .discount{ margin-right: 7px; font-size: 13px}
    .row-item-basket .offer-item-action{ margin-left: 15px;}

    .row-item-basket .to-cart,
    .subscribe-action button,
    .row-item-basket .in-cart { width: 120px; background-image: none; padding: 0 10px }

    .row-item-basket .to-cart span,
    .subscribe-action button span,
    .row-item-basket .in-cart span{ display: block; line-height: 30px}

    .offer-item-amount .offer-amount-button{ width: 30px; }

    .subscribe-action button { border: 1px solid var(--gray); color: var(--gray)}

    .product-docs{ margin: 0 -10px}
    .product-docs-item{margin-bottom: 15px}
    .product-docs-item-wrap{ flex-basis: calc(50% - 20px); margin-right: 10px; margin-left: 10px;}
}

@media only screen and (min-width: 1024px) {

    .product-content .__section-item{ min-height: 100%}

    .product-wrap{ flex-basis: 60%}
    .product-wrap .product-description{ padding: 10px 30px}

    .product-sidebar{ display: block; flex-basis: 40%; padding-left: 20px}
    .sidebar-wrap{ min-height: 100%; padding: 15px; box-sizing: border-box}

    .product-prop-item{ justify-content: space-between;}

    .product-description-header{ order: 1; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--lgray);
        padding-bottom: 15px; margin-bottom: 10px;}
    .product-description-header .b-share{ display: flex; justify-content: flex-start; align-items: center}

    .product-description-name { margin-top:10px}
    .product-description-name h1{ font-size: 24px;}

    .product-description-text{ display: block; order: 30}
    .product-description-share-mobile{ display: none}
    .product-description-infolinks .info-sidebar-button{ display: none}

    .product-detail-text{ font-size: 14px;}
    .product-detail-text h2{ font-size: 20px; margin-top:20px; margin-bottom: 10px;}

    .packing-wrap{ display: flex}
    .packing-image-mobile{ display: none}
    .packing-image-desktop{ display: block; width: 160px; }
    .packing-image-desktop img{   max-width: 100%; height: auto; max-height: 100%; margin: auto}
    .packing-content{ flex: 1; padding-left: 20px; }
    .packing-header{ margin-bottom: 20px}
    .packing-header .product-title{ padding: 0; }

    .packing-header .product-title { max-width: 420px;  }
    .packing-header .product-title h4, .packing-header .product-price{ font-size: 18px}

    .product-docs{ margin: 0 -10px}
    .product-docs-item-wrap{ flex-basis: calc(33.33% - 20px); }
}

@media only screen and (min-width: 1280px) {

    .product-wrap .product-images { flex-direction: row; width: 340px; max-width: 340px; min-width: 340px;  }

    /***/
    .product-images .embla--main{ order: 1}
    .product-images .embla--thumb { --slide-spacing: 1rem; --slide-size: 100%; --slide-height: 19rem;
        padding: 1.6rem; order: 0; width: 80px; max-width: 80px; min-width:80px; padding: 0; margin: 0;
    }
    .product-images .embla--thumb .embla__viewport {
        overflow: hidden;
    }
    .product-images .embla--thumb .embla__container { display: flex; flex-direction: column;
        height: calc(var(--slide-spacing) + var(--slide-height)); max-height: 270px;
    }
    .product-images .embla--thumb .embla__slide {flex: 0 0 var(--slide-size); min-height: 0; padding-top: var(--slide-spacing); position: relative;
        width: 100%; min-width: 100%; max-width: 100%;height: 80px;max-height: 80px;padding: 0; margin: 5px 0;
    }
    .product-description-props{max-width: 460px;}
    .product-description-infolinks{ display: flex; justify-content: space-between;     max-width: 460px;}
    .product-description-infolinks a{ font-size: 14px;}

    .row-item-price .item-price-discont{ display: flex}

    .have-sku .row-item-price .discont-name{ display: inline-flex; margin-right: 5px}

    .offer-item-info{ flex-direction: row;}
    .packing-header-item .offer-item-info{ margin-right: 40px}
    .packing-header-item .offer-item-info > * { margin: 0 10px 0 0  }

    .row-item-option{flex-grow: 0; flex-basis: 280px}
    .row-item-option .offer-item-info{ display: none}
    .row-item-price .offer-item-info{ display: flex; flex-direction: row; align-items: center; }
    .not-sku .packing-offers-row .offer-item-info{ margin-right: 50px}


}

@media only screen and (min-width: 1360px) {

    .product-wrap .product-images {  width: 400px; max-width: 400px; min-width: 400px;  }
    .sidebar-wrap{ padding: 25px}

    .packing-wrap { padding: 0 20px;}
    .packing-header .product-title { max-width: 600px;  }
    .packing-header .product-title h4, .packing-header .product-price{ font-size: 22px}
    .packing-content{ flex: 1; padding-left: 30px; }
    .row-item-option{ flex-basis: 320px}

    .row-item-basket .to-cart,
    .subscribe-action button,
    .row-item-basket .in-cart{ width: 170px;}

}

.info-window__content{
    display: none;
}
.info-window{
    border-radius: 50%;
    border: 1px solid #428000;
    width: 15px;
    height: 15px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align:center;
    align-items:center;
    cursor: pointer;
}
.info-window:before{
    content: 'i';
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    color: #428000;
    font-size: 12px;
    padding-top: 1px;
}

.info-item-title{
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align:center;
    align-items:center;
}

.info-window:hover .info-window__content{
    display: block;
    background: #fff;
    box-shadow: 0px 2px 12px rgba(5, 9, 1, 0.15);
    position: absolute;
    border-radius: 5px;
    padding: 20px;
    width: 380px;
    line-height: 1.5em;
    font-size: 13px;
    z-index: 10000;
    right: 0;
    top: 0;
}

@media (max-width: 640px) {
    .info-window:hover .info-window__content{
        width: 250px;
    }

}

.info-window:hover .info-window__content span{
    display: block;
}

.del-cont{
    display: -webkit-box;
    display: flex;
    -webkit-box-align:start;
    align-items:flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.del-item{
    margin-right: 5px;
}

.delivery-info .info-item-description{
    padding-right: 20px;
}
