.catalog-product-section{ max-width: 1240px; margin: auto}

.product-info-inner{ background: #fff; box-sizing: border-box }

.product-block-content{ }
.product-info-images{   }
.product-image{ box-sizing: border-box; width: 100%;  }
.product-image img{ display: block; box-sizing: border-box; width: 100%; max-width: 420px; height: 100%; max-height: 420px; margin: 15px auto; object-fit: contain}
.product-image .swiper .swiper-pagination{position: relative; margin-top: 10px }
.product-image .swiper .swiper-pagination-bullet-active{ background: #6263b2}

.product-thumbs{ display: none;}
.product-thumbs .swiper{ height: 100%}

.product-info-content{padding: 0px 20px}

.product-info-sidebar{ display: none}

.over-container.product-info-sidebar{ display: block; top: 76px; background-color: var(--color-backgroung); height: auto}
.over-container.product-info-sidebar .overheight_close_button{ position: absolute}
.over-container.product-info-sidebar .over-content{ background-color: var(--color-backgroung); padding: 15px}
.over-content  .product-info-sidebar{ display: block; padding-top: 40px}

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


.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{ font-size: 12px; color: var(--color-text-grey); 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(--color-text-lightblue); color: var(--color-text-lightblue); 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(--color-text-lightblue); }

.product-description-header{ margin-top: 5px; margin-bottom: 5px; order: 40; display: flex; justify-content: space-between}
.product-description-header .b-share{  }
.product-item-rating{ display: flex; font-size: 12px}
.item-rating-count{ margin-left: 5px}


.product-description-props{ padding: 10px 0;  font-size: 12px;  }
.product-prop-item{ font-size: 12px; display: flex;   padding: 3px 0}
.product-prop-item span{ font-weight: 600; flex-basis: 80px; flex-grow: 0;flex-shrink: 0;}
.product-prop-item a{ color:  var(--color-text-lightblue); text-decoration: underline}

.product-description-infolinks{ display: flex; justify-content: space-between;  order: 60; padding-bottom: 10px;}
.product-description-infolinks a{ display: block; color:var(--color-text-lightblue); 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;}


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

/**/
.b-share-button{ background-repeat: no-repeat;background-position: left center;background-size: 14px;
    background-image: url(../../../../images/sprite-icons.svg#icon-share);padding-left: 17px;display: block;color: var(--color-text-grey);}
.b-share-inner{ display: none}
.b-share-inner h3{ text-align: center; margin-top: 0; margin-bottom: 10px; font-size: 18px;}
.b-share-link{display: block; padding: 5px; padding-left: 25px; font-size: 14px;  color:  var(--color-text-lightblue);
background-position: left center; background-repeat: no-repeat; background-size: 16px;     border-bottom: 1px solid #7172bb40; }
.b-share-link.b-share-href{background-image:url(../../../../images/sprite-icons.svg#share-href) }
.b-share-link.b-share-vk{background-image:url(../../../../images/sprite-icons.svg#share-vk) }
.b-share-link.b-share-tg{background-image:url(../../../../images/sprite-icons.svg#share-tg) }
.over-container.b-share-modal{ top: auto; height: auto; box-shadow: 0 -5px 10px -5px rgb(0 0 0 /30%);   }
.over-container .b-share-inner{ display: block; padding: 30px; }
.over-container.b-share-modal .overheight_close_button{ position: absolute; }


/**/
.info-items .info-item:not(:last-child) { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--color-border-grey); }
.info-items .info-item-title{ font-weight: 600}
.info-items .info-item-cols{display: flex; justify-content: space-between}
.info-items .info-item-description p{ font-size: 13px; margin: 7px 0;}
.info-items .info-item-description a{ color: var(--color-text-lightblue); text-decoration: underline}
.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;}

/***/
.delivery-logos{display: flex; justify-content: flex-end}
.delivery-logos > div{height: 20px;background-repeat: no-repeat;background-position: center;background-size: contain; margin: 0 5px }
.delivery-logos .logo-cdek {background-image: url(../../../../images/sprite-icons.svg#icon-cdek);width: 50px;}
.delivery-logos .logo-yd {background-image: url(../../../../images/sprite-icons.svg#icon-yd);width: 120px;}

/***/
.courier-info .info-item-title{display: flex;justify-content: space-between;align-items:center;}
.courier-info .info-window{width: 15px;    height: 15px; cursor: pointer; background-image: url(../../../../images/sprite-icons.svg#icon-info);  background-size: 15px; background-repeat: no-repeat; position: relative}
.courier-info .info-window .info-window-content{display: none; background: #fff;box-shadow: 0px 2px 12px rgba(5, 9, 1, 0.15);
    position: absolute;border-radius: 5px;padding: 20px;width: 280px;line-height: 1.5em;font-size: 13px;z-index: 10000;right: 0;top: 0; font-weight: 100}
.courier-info .info-window:hover .info-window-content{display: block;}

/***/
.product-description-container{ background: #fff; padding: 15px;}
.product-detail-html{ padding: 20px 0; font-size: 13px; line-height: 1.5em; max-width: 1100px; margin: auto}
.product-detail-html h2{ font-size: 18px; margin-top:10px; margin-bottom: 5px;}
.product-detail-html ul{ margin-left: 20px; padding-left: 0}
.product-detail-html ul li { list-style: disc; padding-bottom: 5px; }
.product-detail-html ul li p { margin: 0; padding: 0 }
.product-detail-html ul li:before{ color: var(--green)}
.product-detail-html .product-detail-notice{background: rgba(209, 41, 78, 0.1);border: 1px solid var(--color-text-red);border-radius: 8px;
    padding: 12px 12px 12px 45px; background-image: url(../../../../images/sprite-icons.svg#icon-info-red); color: var(--color-text-red);
    background-repeat: no-repeat; background-position: 10px 10px; background-size: 24px 24px; margin-top: 20px; margin-bottom: 10px;}

.product-detail-html .table-outer{margin: 0 -15px;padding: 0 15px; overflow: auto}
.product-detail-html table{ border-collapse: collapse; border:  2px solid #333; width: 100%; box-sizing: border-box}
.product-detail-html table td{ padding: 2px 4px; border:  1px solid #666666}
.product-detail-html table p{ padding:0; margin:0}
.product-detail-easynotice{ font-size: 12px; color:#ababab; margin:20px 0; }

#reviews_content{ display: none !important;}


/***/
.product-packing{ background: #fff; margin: 15px 0 }
.packing-wrap{ padding:  20px}
.product-packing img{ width: 100%; height: 100%; object-fit: contain}
.packing-image-mobile{ width: 60px; height: 60px; flex-shrink: 0}
.packing-image-desktop{ display: none}
.packing-content{  }
.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 h3{ font-size: 16px; font-weight: 800; margin: 0; line-height: 1.4}
.packing-header .product-title h4{ font-size: 13px; font-weight: 500; margin: 0; line-height: 1.4; opacity: .7; }
.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; margin-left: 10px;}
.packing-header .price-block{}
.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(--color-text-red)}

.packing-offers{ margin: 0 -10px}
.packing-offers-row{ display: flex; align-items: center; justify-content: space-between; padding: 10px 10px; border-radius: 2px;
    background-color: #f3f3f8
}

.packing-offers-row:nth-child(odd){ background-color: #F9F9F9}

.row-item-option{ flex-basis: 110px;}
.row-item-option .option-item-title{ font-size: 12px; line-height: 1.2}
.row-item-likes{ padding: 0 5px}
.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: 20px; height: 30px; border:none; text-align: center; border-top: 1px solid #d4d5ea; border-bottom: 1px solid #d4d5ea    }
.offer-item-amount .offer-amount-button{ box-sizing: border-box; width: 30px; height: 30px;   display: flex; align-items: center; justify-content: center; background-color: #fff;background-repeat: no-repeat; background-position: center; background-size: 10px; cursor: pointer; border: 1px solid #d4d5ea;}
.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; padding: 0 10px;}


.row-item-basket .offer-item-action{ margin-left: 15px;}
.row-item-basket .to-cart { display: block; width: 30px; height:30px; color: #fff; background-repeat: no-repeat; background-position: center; background-image:url(../../../../images/sprite-icons.svg#icon-tobasket); background-size: 18px; border-radius: 4px; border: none; background-color: var(--color-button); opacity: 0;
    transition: opacity 0.3s; max-height: 0; overflow: hidden}
.row-item-basket .to-cart.is-show{max-height: unset; opacity: 1}
.row-item-basket .to-cart span{ display: none;}

.row-item-basket .in-cart { border: 1px solid var(--color-button); 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(--color-button); border: 1px solid  var(--color-button); display: none;}
.row-item-basket .in-cart span{ display: none;}
.row-item-basket .in-cart:hover{ background-color: #fff;}
.row-item-basket .to-cart.in-cart { display: block;}
.row-item-basket .in-cart.is-show{ display: block}

.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{}
.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(--color-text-red); border: 1px solid var(--color-text-red); border-radius: 4px; text-align: center; height: 20px; line-height: 20px; color: #fff; font-size: 11px; padding: 0 3px; }
.item-price-discont.item-desktop{ display: none}
.packing-header-item .item-price-discont{ padding: 0 5px; margin-bottom: 3px}

.packing-offers-row .item-price-discont .discont-name{ display: none}

.row-item-price{ display: flex; align-items: center; flex: 2; justify-content: flex-end; margin-right: 15px; min-width: 65px }

.row-item-price .item-price-value{ display: flex; align-items: flex-end; flex-direction: column; line-height: 14px; }
.row-item-price .item-price-value .price{ display: inline-block; text-align: right;   font-weight: 700; font-size: 14px}
.row-item-price .price-old .price{ font-size: 11px; color:  #a1a1a1; font-weight: 400; position: relative}
.row-item-price .price-old .price:after{content: ""; display: block; position: absolute; top:45%; left: 0; width: 100%; height: 1px; background:  #a1a1a1}
.row-item-price .price-discount{ color: var(--color-text-red); font-size: 12px; display: inline-block;font-weight: bold; margin: 2px 0; }

.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: 600px) {

    .catalog-product-section{ padding: 15px;}

    .packing-offers{ margin: unset}
    .packing-offers-row{ padding: 15px}
    .row-item-price .item-price-value{ flex-direction: row; line-height: 1; align-items: flex-end}
    .row-item-price .item-price-value .price{ margin-left: 10px;}
    .row-item-price .item-price-value .price-discount{ display: none}
    .offer-item-amount input{ width: 30px}


    .item-price-discont.item-desktop{display: block}

}

@media only screen and (min-width: 768px) {

    .product-info-inner{ display: flex;}
    .product-info-inner .product-info-images  {width: 50%; padding-right: 20px}
    .product-info-inner .product-info-content {width: 50%}

    .product-description-name h1{ font-size: 20px;}

    .product-detail-html ul { margin-left: 40px}


    .packing-header .product-title { max-width: 360px;  }
    .packing-header .product-title h3{ font-size: 18px}
    .packing-header .product-title h4{ font-size: 14px}
    .packing-header .product-price{ 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;}


    .row-item-option{ 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; min-width:245px}
    .row-item-price .item-price-discont{ padding: 0 5px; font-size: 12px; line-height: 22px; height: 22px}
    .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,
    .row-item-basket .in-cart { width: 130px; background-position: 10px center; padding-left: 37px; text-align: left; }
    .row-item-basket .to-cart span,
    .row-item-basket .in-cart span{ display: block; line-height: 30px}

    .offer-item-amount .offer-amount-button{ width: 30px; }

    .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-info-container{ display: flex; justify-content: space-between}
    .product-info-inner{ width: 65%}
    .product-info-sidebar{display: block; width: calc(35% - 20px); padding: 20px; background: #fff}
    .over-content .product-info-sidebar{width: unset}
    .product-description-infolinks .infolink-mobile{ display: none}

    .product-info-inner .product-info-images  {width: 40%;  }
    .product-info-inner .product-info-content {width: 60%}


    .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-html{ font-size: 14px;}
    .product-detail-html 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: 130px; height: 130px }
     .packing-content{ flex: 1; padding-left: 20px; }
    .packing-header{ margin-bottom: 20px}
    .packing-header .product-title{ padding: 0; }

    .packing-header .product-title { max-width: 480px;  }

    .product-docs{ margin: 0 -10px}
    .product-docs-item-wrap{ flex-basis: calc(33.33% - 20px); }
}

@media only screen and (min-width: 1280px) {

    .product-info-inner {width: 70%;}

    .product-info-sidebar{ width: calc(30% - 20px);}
    .delivery-logos{ flex-direction: column; }
    .delivery-logos > div:not(:last-child)  { margin-bottom: 7px}

    .product-info-inner .product-info-images{ width: 50%; display: flex}

    .product-image{ width: calc(100% - 110px)}
    .product-thumbs{display: block; width: 110px; padding: 15px; height: 100%}
    .product-thumbs .swiper{}
    .product-thumbs .swiper-slide{ flex: 0; cursor: pointer}
    .product-thumbs img{display: block; width: 70px; border: 1px solid #eee; border-radius: 2px;}
    .product-thumbs .swiper-slide-thumb-active img{border-color: var(--color-text-lightblue);}

    .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) {


    .packing-wrap { padding: 30px;}
    .packing-header .product-title { max-width: 600px;  }
    .packing-header .product-title h3, .packing-header .product-price{ font-size: 20px}
    .packing-header .product-title h4{ font-size: 16px}
    .packing-content{ flex: 1; padding-left: 30px; }
    .row-item-option{ flex-basis: 320px}



}