.prod-article { font-size: 14px; font-weight: 500; margin-top:15px; margin-bottom: 20px; }
.prod-article .txt { border-radius: 4px; color:#65900A;  }

#product-page .h1-wrapper { padding:30px 0 0 0; }
#product-page .del-inf { margin-top: 100px; }

.notify-product-wrapper { position: relative; }
.notify-product-form { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding:0px 20px; width:calc(100% - 40px); }
input.notify-product-email {  width:100%; background-color: var(--white-gray); height: 40px; border-radius: 20px; padding:0 20px; color:var(--gray-dark); font-size: 14px; border:0; }
.btn-notify-product { margin-top:20px; }
.notify-product-inf { display: none; font-size: 14px; margin-top:20px; text-align: center; }
.notify-product-inf.act { display: block; }
.notify-product-err { color:var(--red); }
.notify-product-success { color:var(--green); }

.win-inf.win-notify-product { right:unset; left:0; }
.win-inf.win-notify-product.open { top:0px; }


/* prod main content */
.prod-main { display: flex; align-items: flex-start; justify-content: space-between; margin-top:20px; }
.prod-main-lt { width:calc(35% - 15px); position: sticky; top:80px; margin-bottom: 20px; display: flex; justify-content: flex-start; align-items: flex-start; }

.prod-disc { width:50px; height:50px; position: absolute; z-index: 2; top:10px; left:10px; border-radius: 25px; font-size:18px; display: flex; align-items: center; justify-content: center; color:var(--pink); background-color: var(--white-gray); }

.prod-item-labels { position: absolute; }
.prod-main-lt .prod-item-labels { width:calc(100% - 200px); }
.prod-item-labels .label-icon { padding:0; position: relative; margin-right: 20px; }
.label-icon img.label-icon-img { width:28px; height: 28px; margin-top: -4px; }
.label-icon span.label-icon-inf { position: absolute; top: 0px; right: -10px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--green); color:var(--white); font-size: 10px; text-align: center; }

.product-page-labels { left:10px; right:unset; align-items: flex-start; justify-content: flex-start; }
.product-page-labels .prd-label { border-radius: 0px 20px 20px 0px; margin-bottom: 2px; box-shadow: 5px 2px 4px -2px rgba(0, 0, 0, 0.2); }

.prod-stock-label { position: absolute; top:0; right: 20px; font-size: 12px; font-weight: 500; padding:7px 15px; border-radius: 3px; background-color: var(--light-bg); color:var(--black); width:130px; text-align: center; }
.prod-stock-instock { background-color: var(--light-green); color:var(--green); }
.prod-stock-outstock { background-color: var(--light-red); color:var(--red); }

.prod-delivery-informer { position: absolute; top:33px; right: 20px; z-index: 1; font-size: 12px; font-weight: 500; padding:7px 15px; border-radius: 3px; background-color:#FFA000; color:var(--white); /*width:130px;*/ text-align: center; }

.prod-im-prevs { position: relative; margin-top: 70px; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; width:calc(16.66666% - 10px); }
.prod-im-prevs-items { width: 100px; max-height: 500px; overflow-y: auto; }
.prod-im-prevs-items::-webkit-scrollbar { width: 8px; }
.prod-im-prevs-items::-webkit-scrollbar-track { background: var(--blue); box-shadow:inset -4px 0px 0px 1px #fff, inset 1px 0px 0px 1px #fff; }
.prod-im-prevs-items::-webkit-scrollbar-button {background: #fff; height: 3px;}
.prod-im-prevs-items::-webkit-scrollbar-thumb { background: var(--blue); box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }

.prod-im-prevs a { display: block; margin-bottom: 10px; border-radius: 3px; border:1px solid var(--light-gray); transition: .2s; padding:5px; width:calc(100% - 20px); }
.prod-im-prevs a.act { border:1px solid var(--red); }
/*.prod-im-prevs a:hover { border:1px solid var(--regular-gray); }*/
.prod-im-prevs a img { width:100%; height: auto; }

.prod-im-prevs .arr { position: absolute; left:50%; transform: translateX(-50%); border:1px solid transparent; width:34px; height:34px; background-color: var(--white); box-shadow: 0px 2px 5px rgba(70, 108, 156, 0.3); border-radius: 3px; }
.prod-im-prevs .arr:hover { box-shadow: 0px 2px 5px rgba(70, 108, 156, 0.5); }
.prod-im-prevs .arr:active { border:1px solid var(--blue-shadow); }
.prod-im-prevs .arr i { display: block; width:14px; height:14px; margin:10px; }
.prod-im-prevs .arr i svg { display:block; width:14px; height:14px; fill:var(--blue); }
.prod-im-prevs .arr-prev i { transform: rotate(-180deg); }
.prod-im-prevs .arr-prev { top:0px; display: none; }
.prod-im-prevs .arr-next { bottom:-36px; }
.prod-main-lt .prod-im { width:calc(100% - 0px); position: relative; }
.prod-main-lt .prod-im-zoom { width:100%; height: calc(100% - 40px); margin-top: 0px; }
.prod-main-lt .prod-im img { width:100%; height: auto; }

/*#pr-im {display: flex; align-items: center; position: relative; width: calc(100% - 150px); height:500px; border-radius: 10px; }*/
#pr-im img { cursor:zoom-in; border-radius: 10px;  }
#pr-im img#mainimg {max-width:calc(100% - 80px); margin:0 auto; width:auto; height:auto; display: block; max-height: 500px;}


/* right prod block */
.prod-main-rt { width:calc(65% - 15px); }

/* title */
.prod-title-block { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 15px; }
.prod-title-wrapper { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.prod-title-wrapper h1.prod-title { font-size: 36px; line-height: 48px; color: var(--gray-dark); margin:0; }
.prod-title-wrapper h1.prod-title .prod-art-block { display: inline-block; font-size: 14px; color:var(--gray-dark); padding-left: 10px; text-decoration: underline; }
.prod-title-wrapper h1.prod-title .prod-art-block .text { font-weight: normal;}
.prod-title-wrapper h1.prod-title .prod-art-block .code { font-weight: bold;}
.prod-title-block .prod-fav-btn { width:30px; height: 30px; margin-top:10px; }
.prod-title-block .prod-fav-btn svg { width:30px; height: 30px; fill: var(--gray); transition: .2s; }
.prod-title-block .prod-fav-btn:hover svg { transition: .2s; fill: var(--pink); }

/* stock statuses */
.prod-stock-status { font-size: 14px; margin-bottom: 15px; }
.prod-stock-status.in-stock { color:var(--green);  }
.prod-stock-status.in-stock .count { font-weight: bold;  }
.prod-stock-status.not-in-stock { color:var(--gray-dark); }

/* reviews count */
.prod-revs { display: flex; align-items: flex-start; justify-content: flex-start; width: fit-content; margin:0 0 25px 0; }
.prod-revs .prod-revs-link { display: flex; align-items: center; justify-content: space-between; width: 100%; margin:0; padding:0; }
.prod-revs .stars { margin-right: 20px; }
.prod-revs .stars svg.act { fill:var(--black); }
.prod-revs .prod-revs-cnt { display: flex; align-items: center; justify-content: center; }
.prod-revs .prod-revs-cnt .text { font-size:14px; color:var(--gray-dark); text-decoration: underline; }
.prod-revs .prod-no-revs { font-size:14px; color:var(--gray); margin:20px 0; }

/* prod short description */
.prod-short-description { font-size: 14px; line-height: 18px; color:var(--gray-dark); margin-bottom: 15px; }

/* prod sel variable */
.prod-sel-var { background-color: var(--white-gray); height: 40px; border-radius:50px; width:280px; margin:30px 0; }
.prod-sel-var-list { position: relative; width: 100%; height: 40px; }
.prod-sel-var-list-tit { cursor:pointer; width: 100%; position: absolute; z-index: 2; display: flex; align-items: center; justify-content: space-between; height: 40px; border-radius: 50px; }
.prod-sel-var-list-tit .inf { text-align: left; display: flex; align-items: center; justify-content: flex-start; width:calc(100% - 45px); }
.prod-sel-var-list-tit .inf .inf-name { font-size: 14px; color:var(--gray); margin:0 10px 0 20px; }
.prod-sel-var-list-tit .inf .inf-value { font-size: 14px; color:var(--gray-dark); font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.prod-sel-var-list-tit svg.svg_darr { height: 12px; width: 12px; margin: 15px; fill: var(--black); transition: .2s; }
.prod-sel-var-list.open .prod-sel-var-list-tit svg.svg_darr { transition: .2s; transform: rotate(-180deg);}

.prod-sel-var-list-items { height:auto; max-height:350px; width:280px; padding-top: 20px; padding-right: 0px; overflow-x: hidden; overflow-y: auto; position: absolute; z-index: 1; top:0px; left:0px; background-color: var(--white-gray); border-radius: 0px 0px 20px 20px; }
.prod-var-item { cursor:pointer; font-size: 14px; transition: .2s; width:calc(100% - 0px); padding: 0 20px; display: flex; align-items: center; justify-content: space-between; height: 40px; border-top:1px solid var(--white-gray-hover); }
.prod-var-item:hover { background-color:var(--white-gray-hover); color: var(--pink); transition: .2s; }

.prod-sel-var-list-items::-webkit-scrollbar { width: 8px; }
.prod-sel-var-list-items::-webkit-scrollbar-track { background: var(--light-gray); box-shadow:inset -4px 0px 0px 1px #fff, inset 1px 0px 0px 1px #fff; }
.prod-sel-var-list-items::-webkit-scrollbar-button {background: #fff; height: 3px;}
.prod-sel-var-list-items::-webkit-scrollbar-thumb { background: var(--blue-shadow); box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }

.prod-sel-var-list-items { visibility: hidden; opacity: 0; top:0px; transition: .2s; }
.prod-sel-var-list.open .prod-sel-var-list-items { visibility: visible; opacity: 1; top:20px; transition: .2s; }

/* bonuses row */
.prod-buy-bonuses { font-size: 14px; color:var(--gray); margin-bottom: 15px; }

/* price - buy button */
.prod-buy-wrapper { display: none; flex-direction: column; margin-bottom: 50px; }
/*.prod-buy-wrapper.in-row { flex-direction: row; align-items: center; justify-content: space-between; }*/
.prod-buy-wrapper.act { display: flex; }
.prod-buy-price-wrapper { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 30px; }
.prod-buy-price-wrapper .price-old { font-size: 18px; color:var(--pink); margin-right: 20px; }
.prod-buy-price-wrapper .price { font-size: 30px; color: var(--gray-dark); margin-right: 20px; }
.prod-buy-price-wrapper .price .price-sign { font-size: 24px; color: var(--gray); }
.prod-buy-price-wrapper .price-notes { font-size: 12px; color:var(--gray); }
.prod-add-to-cart { display: flex; align-items: center; }
.prod-add-to-cart .prod-add-to-cart-cnt { display: flex; margin-right: 20px; align-items: center; width: fit-content; height: 40px; border-radius: 20px; background-color: var(--white-gray); }
.prod-add-to-cart .prod-add-to-cart-cnt .add-to-cart-cnt { height: 38px; width:30px; font-size: 14px; text-align: center; background-color: var(--white-gray); border:0; }
.prod-add-to-cart .prod-add-to-cart-cnt button { font-size:18px; font-weight: bold; width:40px; height: 40px; border-radius: 20px; color:var(--black); transition: .2s; }
.prod-add-to-cart .prod-add-to-cart-cnt button.cnt-minus {  }
.prod-add-to-cart .prod-add-to-cart-cnt button.cnt-plus {  }
.prod-add-to-cart .prod-add-to-cart-cnt button:hover { color:var(--pink); transition: .2s; }
.prod-add-to-cart .prod-add-to-cart-cnt button.disabled { color:var(--gray); }
.prod-add-to-cart .prod-add-to-cart-cnt button.disabled:hover { color:var(--gray); }

/* product buy info */
.prod-buy-info { display: flex; justify-content: space-between; width:100%; border-top: 2px solid var(--white-gray); padding:20px 0 50px 0; }
.prod-buy-info-block { width:calc(50% - 20px); }
.prod-buy-info-title { font-size: 14px; font-weight: bold; text-transform: uppercase; color:var(--gray-dark); }
.prod-buy-info-list { font-size:14px; color:var(--gray-dark); }
.prod-buy-info-list li { margin-bottom: 15px; }

/* prod tabs */
.prod-tabs-wrapper { background-color: var(--white-gray); margin-bottom: 30px; }
.prod-tabs { height: 50px; display: flex; align-items: center; justify-content: center; }
.prod-tabs .prod-tab { height: 50px; transition: .2s; border-bottom: 3px solid transparent; display: flex; align-items: center; margin: 0 25px; font-size: 14px; font-weight: bold; text-transform: uppercase; color:var(--gray-dark); }
.prod-tabs .prod-tab.act { transition: .2s; border-bottom: 3px solid var(--pink); }
.prod-tabs .prod-tab .cnt { font-size: 10px; padding:0 6px; min-width:12px; height: 24px; border-radius: 12px; display: flex; align-items: center; justify-content: center; color:var(--white); background-color: var(--pink); margin-left: 10px; }
.prod-tabs-content { padding-bottom: 50px; border-bottom: 3px solid var(--white-gray); }
.prod-tab-content { display: none; }
.prod-tab-content[data-tab=desc] .article{  }
.prod-tab-content[data-tab=desc] .article .article-two-col p { margin:0 0 20px 0; }
.prod-tab-content[data-tab=char] table { margin:0 auto; }
.prod-tab-content[data-tab=char] table tr { min-height: 50px; }
.prod-tab-content[data-tab=char] table tr td { padding:15px; }
.prod-tab-content[data-tab=char] table tr:nth-child(even) td { background-color: var(--white-gray); }
.prod-tab-content[data-tab=char] table tr td.char-name { width: 30%; font-size: 14px; font-weight: bold; text-transform: uppercase; color:var(--gray-dark); }
.prod-tab-content[data-tab=char] table tr td.char-value { width: 70%; font-size:14px; line-height: 24px; color: var(--gray-dark); }
.prod-tab-content[data-tab=char] table tr td.char-value a { color:var(--black); border-bottom: 1px dotted var(--black); transition: .2s; }
.prod-tab-content[data-tab=char] table tr td.char-value a:hover { color:var(--pink); border-bottom: 1px dotted transparent; transition: .2s; }


/* prod tab reviews */

.prod-tab-content[data-tab=review] {  }
.prod-tab-content[data-tab=review] .reviews-wrapper { width:calc(100% - 30px); max-width: 800px; margin:0 auto; }
.prod-tab-content[data-tab=review] button.add-review { margin:10px auto; display: block; }

/* add review form */

/* reviews block */
.prod-reviews-block { width:100%; margin-bottom: 25px; }
.prod-reviews-title { width:100%; background-color: var(--white-gray); display: flex; align-items: center; justify-content: flex-start; height: 50px; }
.prod-reviews-title .text { font-size: 14px; font-weight: bold; color:var(--gray-dark); padding:0 0 0 15px; }
.prod-reviews-title .cnt {font-size: 10px;padding: 0 4px;min-width: 12px;height: 20px;border-radius: 12px;display: flex;align-items: center;justify-content: center;color: var(--white); background-color: var(--pink); margin-left: 7px; }
.prod-reviews-block .add-review { min-width: calc(100% - 30px); margin:15px 15px; }
.prod-reviews-block .prod-reviews-list { margin: 0px 15px 15px 15px; width:calc(100% - 30px); }
.prod-reviews-block .prod-show-all-reviews { font-size: 12px; color:var(--gray-dark); margin:0 15px; }

/* older prod styles... unreviewed */
.prod-register-promo { padding:15px 0; border-bottom: 1px solid var(--light-gray); }
.prod-register-promo a { display: flex;  }
.prod-register-promo a i { display: block; width: 16px; height: 16px; margin-right: 10px; }
.prod-register-promo a i svg { display: block; width: 16px; height: 16px; fill:var(--red);  }
.prod-register-promo a .text { font-size: 14px; font-weight: 500; color:var(--deep-blue);  }

.prod-price-block { margin:40px 0; display: flex; align-items: center; justify-content: space-between; }
.prod-price-block-lt { display: flex; align-items: center; margin-right: 10px; }
.prod-price-block-lt .price { font-size: 36px; font-weight: bold; color:var(--black); }
.prod-price-block-lt .price .small { font-size: 24px; }
.prod-price-block-lt .price-old { font-size: 24px; margin-right: 20px; }
.prod-price-block-lt .price-disc-label { font-size: 14px; color:var(--white); background-color: var(--red); border-radius: 3px; padding:7px 10px; }
.prod-price-block-rt {}

.prod-bulk-price { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; margin-bottom: 40px; }
.prod-bulk-price-item { width:calc(100% - 0px); height:30px; display: flex; align-items: center; justify-content: flex-start; position: relative; }
.prod-bulk-price-item .txt { font-size: 12px; color:var(--deep-gray); width:100%; padding-left: 120px; border-bottom: 1px dotted #eee; text-align: right; }
.prod-bulk-price-item .bulk-price { font-size: 14px; color:var(--black); position: absolute; top:5px; left:0px; width:120px; }

.customer-special-price-item {  }
.customer-special-price-item .bulk-price { color:var(--green); font-size: 18px; width:150px; }
.customer-special-price-item .txt { padding:8px 0px 8px 150px; }

.prod-part-pay { display: flex; align-items: center; justify-content: center; height: 36px; width:250px; border-radius: 3px; border:1px solid var(--light-gray); }
.prod-part-pay img { display: block; width:26px; height: 26px; }
.prod-part-pay .text { font-size: 11px; margin-left:7px; color:var(--deep-gray); }
.prod-part-pay:hover { border:1px solid var(--blue-shadow); }

.prod-variant-brand-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.prod-variants { display: flex; align-items: center; justify-content: flex-start; }
.prod-variants a { display: block; transition: .2s; margin-right: 20px; padding:0 20px; height: 36px; line-height: 36px; font-size: 13px; color:var(--black); border-radius: 3px; text-transform: uppercase; border:1px solid var(--light-gray); }
.prod-variants a:hover { border:1px solid var(--blue-shadow); transition: .2s; }
.prod-variants a.act { border:1px solid var(--blue-shadow); transition: .2s; }
.prod-brand-link { display: block; }
.prod-brand-link img { height: 50px; width: auto; }

.prod-buy-btns { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 40px; }
.prod-buy-btns .prod-btn-buy { transition: .2s; width:calc(33.33333% - 20px); margin-right: 40px; max-width:220px; height: 48px; border-radius: 3px; background-color: var(--red); display: flex; align-items: center; justify-content: center; }
.prod-buy-btns .prod-btn-buy:hover { transition: .2s; background-color: var(--red-hover); }
.prod-buy-btns .prod-btn-buy i { display: block; width:16px; height: 16px; margin-right: 10px; }
.prod-buy-btns .prod-btn-buy i svg { display: block; width: 16px; height: 16px; fill:var(--white); }
.prod-buy-btns .prod-btn-buy .text { color:var(--white); font-size: 13px; text-transform: uppercase; font-weight: bold; }

.prod-buy-btns .prod-btn-get-info { transition: .2s; width:calc(33.33333% - 20px); margin-right: 40px; max-width:220px; height: 48px; border-radius: 3px; background-color: var(--blue); display: flex; align-items: center; justify-content: center; }
.prod-buy-btns .prod-btn-get-info:hover { transition: .2s; background-color: var(--deep-blue); }
.prod-buy-btns .prod-btn-get-info i { display: block; width:16px; height: 16px; margin-right: 10px; }
.prod-buy-btns .prod-btn-get-info i svg { display: block; width: 16px; height: 16px; fill:var(--white); }
.prod-buy-btns .prod-btn-get-info .text { color:var(--white); font-size: 11px; text-transform: uppercase; font-weight: bold; }

.prod-btn-comp { display: flex; height: 40px; justify-content: center; align-items: center; margin-right: 40px; position: relative; }
.prod-btn-comp i { width:20px; height: 20px; display: block; margin-right: 5px; }
.prod-btn-comp i svg { width:20px; height: 20px; display: block; fill:var(--blue);  }
.prod-btn-comp .text { font-size: 11px; text-transform: uppercase; font-weight: 600; color:var(--blue); }
.prod-btn-comp i.svg_checklabel { width:14px; height: 14px; display: block; position: absolute; bottom:5px; left:-9px; display: none; }
.prod-btn-comp i.svg_checklabel svg { width:14px; height: 14px; display: block; fill:var(--green); }
/*.prod-btn-comp.act i.svg_checklabel { display:block; }*/

.prod-btn-comp.in-list i.svg_checklabel { display:block; }

.prod-btn-fav { display: flex; height: 40px; justify-content: center; align-items: center; margin-right: 40px; position: relative; }
.prod-btn-fav i { width:20px; height: 20px; display: block; margin-right: 5px; }
.prod-btn-fav i svg { width:20px; height: 20px; display: block; fill:var(--blue);  }
.prod-btn-fav .text { font-size: 11px; text-transform: uppercase; font-weight: 600; color:var(--blue); }
.prod-btn-fav i.svg_checklabel { width:14px; height: 14px; display: block; position: absolute; bottom:5px; left:-9px; display: none; }
.prod-btn-fav i.svg_checklabel svg { width:14px; height: 14px; display: block; fill:var(--green); }
/*.prod-btn-fav.act i.svg_checklabel { display:block; }*/

.prod-btn-fav.in-list i.svg_checklabel { display:block; }

.prod-serv-inf-wrapper { margin-bottom: 26px; }
.prod-serv-inf { padding:20px; border-bottom: 1px solid var(--light-gray); }
.prod-serv-inf-tit { font-size: 18px; font-weight: 600; color:var(--black); margin-bottom: 20px; }
.prod-serv-inf-item { display: flex; align-items: center; margin-bottom: 5px; }
.prod-serv-inf-item i { display: block; width: 14px; height: 14px; margin-right: 5px; }
.prod-serv-inf-item i svg { display: block; width: 14px; height: 14px; fill:var(--green); }
.prod-serv-inf-item .text { font-size: 13px; font-weight: 500px; color:var(--black); }
.prod-serv-inf-item:last-child { border-bottom:1px solid transparent; }

.prod-char-wrapper { border-radius: 3px; background-color: var(--light-bg); padding: 20px; margin-bottom: 50px; }
.prod-char-title { color:var(--black); font-size:18px; font-weight: bold; margin-bottom: 10px; }
.prod-char-subtitle { color:var(--deep-gray); font-size:14px; font-weight: 600; margin-bottom: 20px; }
.prod-char-table { border:1px solid var(--light-gray); border-radius: 3px; width:calc(100% - 2px); }
.prod-char-row { height: 46px; background-color: var(--white); border-bottom:1px solid var(--light-gray); display: flex; align-items: center; justify-content: space-between; width: calc(100% - 40px); padding:0 20px; }
.prod-char-param { font-size: 12px; color:var(--deep-gray); }
.prod-char-value { font-size: 12px; color:var(--black); }
.prod-char-row:last-child { border-bottom:1px solid transparent; }

.prod-rev-wrapper { padding-top: 40px; border-top:1px solid var(--light-gray); }
.prod-rev-hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.prod-rev-hd-lt { display: flex; align-items: center; } 
.prod-rev-hd-rt { display: flex; align-items: center; }
.prod-rev-hd-tit { font-size: 24px; font-weight: 600; color:var(--black); margin-right: 15px; }
.prod-rev-hd-cnt { font-size: 24px; font-weight: 600; color:var(--blue-shadow); }
.prod-rev-hd-rt .prod-add-rev { transition: .2s; width:250px; height: 48px; line-height: 48px; font-size:13px; font-weight: bold; text-transform: uppercase; border-radius: 3px; background-color: var(--blue); color:var(--white); } 
.prod-rev-hd-rt .prod-add-rev:hover { transition: .2s; background-color: var(--deep-blue); }

.prod-rev-items { border:1px solid var(--light-gray); border-radius: 3px; margin-bottom: 20px; }
.prod-rev-item { width:calc(100% - 40px); padding:20px; border-bottom:1px solid var(--light-gray);  }
.prod-rev-item-name { font-size: 13px; font-weight: bold; color:var(--black); margin-bottom: 10px; }
.prod-rev-item-inf { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.prod-rev-item-inf-lt { display: flex; align-items: center; }
.prod-rev-item-inf-lt .stars { margin-right: 10px; }
.prod-rev-item-buyer { display: flex; align-items: center; }
.prod-rev-item-buyer i { display: block; width: 13px; height: 13px; margin-right: 7px; }
.prod-rev-item-buyer i svg{ display: block; width: 13px; height: 13px; fill:var(--deep-gray); }
.prod-rev-item-buyer .text { font-size: 10px; color:var(--deep-gray); }
.prod-rev-item-buyer_green i svg { fill:var(--green); }
.prod-rev-item-buyer_green .text { color:var(--green); }
.prod-rev-item-inf-rt {  }
.prod-rev-item-dt { font-size: 13px; color:var(--deep-gray); }
.prod-rev-item-text { font-size: 13px; line-height: 24px; color:var(--black); margin-bottom: 20px; }
.prod-rev-item-bt { display: flex; align-items: center; margin-bottom: 20px; }
.prod-rev-item-bt button { font-size: 13px; font-weight: bold; color:var(--deep-blue); position: relative; padding-right: 18px; }
.prod-rev-item-bt button i { display: block; width:12px; height: 12px; position: absolute; right: 0; top:2px; transition: .2s; }
.prod-rev-item-bt button i svg { display: block; width: 12px; height: 12px; fill:var(--deep-blue); }
.prod-rev-item-bt button.act i { transition: .2s; transform:rotate(-180deg); }
.prod-rev-item-add-answer { margin-right: 40px; }
..prod-rev-item:last-child { border-bottom: 1px solid transparent; }

.prod-rev-item-answer-list { visibility: hidden; opacity: 0; height:0; overflow: hidden; transition: .2s; }
.prod-rev-item-answer-list.act { visibility: visible; opacity: 1; height:auto; transition: .2s; }
.prod-rev-item-answer { border-left: 1px solid var(--light-gray); padding: 10px 0 10px 20px; }
.prod-rev-item-answer-hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.prod-rev-item-answer-name { font-size: 13px; font-weight: bold; color:var(--black); }
.prod-rev-item-answer-name.angio-representer { color:var(--red); }
.prod-rev-item-answer-dt { font-size: 13px; color:var(--deep-gray); }
.prod-rev-item-answer-text { font-size: 13px; line-height: 24px; color:var(--black); margin-bottom:0px; }

.prod-all-rev { transition: .2s; display: block; border-radius: 3px; margin:0 auto; margin-bottom: 20px; width:220px; height: 48px; background-color: var(--light-bg); color:var(--blue); font-size: 13px; font-weight: bold; text-transform: uppercase; }
.prod-all-rev:hover { transition: .2s; background-color: var(--light-bg-hover); }

.prod-two-eq { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 70px; }
.prod-eq-lt { width: calc(50% - 10px); }
.prod-video-rev { padding:20px; border-radius: 3px; background-color: var(--light-bg); width: calc(100% - 40px); }
.prod-video-rev-tit { color:var(--black); font-size:18px; font-weight: bold; margin-bottom: 10px; }
.prod-video-rev-subtit { color:var(--deep-gray); font-size:14px; font-weight: 600; margin-bottom: 20px; }
.prod-video-cont { position: relative; width:100%; height: 387px; background-position: center center; background-size: cover; }
.prod-video-cont .prod-video-btn { position: absolute; }
.prod-video-cont .prod-video-btn i {  }
.prod-video-cont .prod-video-btn i svg{  }

.prod-eq-rt { width: calc(50% - 10px); }
.prod-rev-form-wrapper { padding:20px; border-radius: 3px; background-color: var(--light-bg); width: calc(100% - 40px); }
.prod-rev-form-tit { color:var(--black); font-size:18px; font-weight: bold; margin-bottom: 10px; }
.prod-rev-form-subtit { color:var(--deep-gray); font-size:14px; font-weight: 600; margin-bottom: 20px; }

.prod-rev-form { border:1px solid var(--light-gray); border-radius: 3px; padding:20px; width:calc(100% - 42px); height: 345px; background-color: var(--white); position: relative; }

.prod-rev-form-username { padding:0px 0 20px 0; position: absolute; right:40px; }

.prod-rev-form-value { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 20px; }
.prod-rev-form-value-text { font-size:12px; color:var(--black); margin-right: 10px;  }
.prod-rev-form-value .stars {  margin-right: 10px;  }
.prod-rev-form-value-inf {  }
.rev-form-value-inf-item { font-size: 13px; color:var(--regular-gray); }
.rev-form-value-inf-item.hidden { display: none; }

/*.grev .stars, #grev .starsadd { width:150px; height:30px; display: block; margin:0 auto; position: relative; }
.grev .stars i, #grev .starsadd i{ width:30px; height:30px; display: block; float:left;}
#grev .starsadd i{cursor: pointer;}
.grev .stars span, #grev .starsadd span { height:30px; line-height: 35px; font-size: 20px; width:60px; position: absolute; right:-70px; color:#666; }
.grev .stars i svg, #grev .starsadd i svg{ width:26px; height:26px; margin:2px; fill:none; stroke:#676d76; stroke-width:.7; }
.grev .stars i.act svg, #grev .starsadd i.act svg{ fill:#ffd203; stroke:#ffd203;}
.grev a { display: block; padding-left: 30px; text-align: center; font-size: 22px; height: 40px; line-height: 40px; color:#666; text-decoration: none;}
*/

.prod-rev-form-exp { margin-bottom: 0px; }
.prod-rev-form-exp-tit { font-size:12px; color:var(--black); margin-bottom: 10px; }
.prod-rev-form-exp-btns { display: flex; align-items: center; justify-content: flex-start; flex-wrap:wrap; overflow: hidden; padding:3px 5px 7px 5px; margin-left:-5px; }
.rev-form-exp-btn { border:1px solid transparent; white-space: nowrap; transition: .2s; font-size:11px; margin-bottom: 10px; margin-right: 10px; color:var(--blue); padding:0 20px; height: 30px; line-height: 30px; background-color: var(--white); box-shadow: 0px 2px 5px rgba(70, 108, 156, 0.5); border-radius: 3px; }
.rev-form-exp-btn:hover { box-shadow: 0px 2px 5px rgba(70, 108, 156, 0.7); transition: .2s; }
.rev-form-exp-btn:active { border:1px solid var(--blue-shadow); transition: .2s; }
.rev-form-exp-btn.act { background-color: var(--blue); color:var(--white); }


.prod-rev-form-text-wrapper { margin-bottom: 20px; }
.prod-rev-form-text-tit { font-size:12px; color:var(--black); margin-bottom: 10px; }
textarea.prod-rev-form-textarea { transition: .3s; resize: none; height: 100px; width:calc(100% - 40px); padding:10px; border:1px solid transparent; box-shadow: 0px 2px 5px rgba(70, 108, 156, 0.5); border-radius: 3px; }
textarea.prod-rev-form-textarea.fail { border:1px solid #f00; box-shadow: 0px 2px 5px rgba(156, 108, 70, 0.5); transition: .3s; }

.prod-rev-form-sbmt-wrapper {  }
.prod-rev-form-sbmt-tit { font-size:12px; color:var(--deep-gray); margin-bottom: 10px; }
.prod-rev-form-sbmt-btn { transition: .2s; font-size: 13px; font-weight: bold; text-transform: uppercase; height: 48px; line-height: 48px; border-radius: 3px; background-color: var(--blue); width:220px; color:var(--white); }
.prod-rev-form-sbmt-btn:hover { transition: .2s; background-color: var(--deep-blue); }

.prod-rev-need-auth { padding:20px 0; }
a#prod-rev-enter-link { color:var(--deep-blue); text-decoration: underline; }

.reply-deny { font-size: 13px; color:var(--red); margin-right: 20px; transition: .2s; }
.reply-deny:hover {  transition: .2s; color:var(--red-hover); }

@media (max-width:1420px){
  .prod-rev-form { height: 385px; }
}

.prod-full-desc { border-top:1px solid var(--light-gray); border-bottom:1px solid var(--light-gray); padding: 36px 0 50px; margin-bottom: 50px; }
.prod-full-desc h2.prod-full-desc-tit { font-size: 24px; font-weight: 600; color:var(--black); margin-bottom: 20px; }
.prod-full-desc p { font-size: 13px; line-height: 24px; color:var(--black); margin-bottom: 15px; }
.prod-full-desc ul { font-size: 13px; line-height: 24px; color:var(--black); }
.prod-full-desc ul li { font-size: 13px; line-height: 24px; color:var(--black); }

#product-popup-img-wrapper {
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  background-color: rgba(51, 51, 51, 0.7);
  z-index: 12;
  position: fixed;
  width: 100%;
  height: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  top:0;
  left:0;
  height: calc(100vh - 200px);
  padding: 100px 0;
}

#product-popup-img-wrapper.act {
  visibility: visible;
  opacity: 1;
  transition: 0s;
  height: calc(100vh - 200px);
  padding: 100px 0;
}

#product-popup-img { display: block; box-shadow: 0px 10px 20px -10px rgba(150,150,150,.4); top:50px; left:50%; transform: translateX(-50%); position: absolute; z-index: 99; width:100%; height:auto; background: #FFFFFF; border-radius: 5px; }
#product-popup-img-head {display: flex; flex-direction: column; height:auto; width:calc(100% - 40px); position: relative; justify-content: space-between; padding:20px;}
#product-popup-img-head  img { width:100%; max-width:160px; height:auto; margin: -5px auto 20px auto; }
#product-popup-img-head-text { font-size: 18px; line-height: 25px; color:#333; width:100%; text-align: center; }
#close-product-popup-img {display: block; width:24px; height:24px; position:absolute; top:10px; right:10px; }
#close-product-popup-img i {display: block; width:24px; height:24px; }
#close-product-popup-img i svg {display: block; width:14px; height:14px; margin:5px; fill:var(--blue);}

.popup-img-title { font-size: 24px; color:var(--black); font-weight: 600; text-align: center; }

.popup-img-slider { width:calc(100% - 100px); margin:50px auto; display: flex; justify-content: flex-start; align-items: flex-start; }

.popup-img-prevs { position: relative; margin-top: 0px; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; width:calc(16.66666% - 10px); }

.popup-img-prevs-items {  }
.popup-img-prevs-items { width: 100px; max-height: 500px; overflow-y: auto; }
.popup-img-prevs-items::-webkit-scrollbar { width: 8px; }
.popup-img-prevs-items::-webkit-scrollbar-track { background: var(--blue); box-shadow:inset -4px 0px 0px 1px #fff, inset 1px 0px 0px 1px #fff; }
.popup-img-prevs-items::-webkit-scrollbar-button {background: #fff; height: 3px;}
.popup-img-prevs-items::-webkit-scrollbar-thumb { background: var(--blue); box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }


.popup-img-prevs a { display: block; margin-bottom: 10px; border-radius: 3px; border:1px solid var(--light-gray); transition: .2s; padding:5px; width:calc(100% - 20px); }
.popup-img-prevs a.act { border:1px solid var(--red); }
/*.prod-im-prevs a:hover { border:1px solid var(--regular-gray); }*/
.popup-img-prevs a img { width:100%; height: auto; }

.popup-img-prevs .arr { position: absolute; left:50%; transform: translateX(-50%); border:1px solid transparent; width:34px; height:34px; background-color: var(--white); box-shadow: 0px 2px 5px rgba(70, 108, 156, 0.3); border-radius: 3px; }
.popup-img-prevs .arr:hover { box-shadow: 0px 2px 5px rgba(70, 108, 156, 0.5); }
.popup-img-prevs .arr:active { border:1px solid var(--blue-shadow); }
.popup-img-prevs .arr i { display: block; width:14px; height:14px; margin:10px; }
.popup-img-prevs .arr i svg { display:block; width:14px; height:14px; fill:var(--blue); }
.popup-img-prevs .arr-prev i { transform: rotate(-180deg); }
.popup-img-prevs .arr-prev { top:0px; display: none; }
.popup-img-prevs .arr-next { bottom:-36px; }

.popup-img-im { width:calc(83.33333% - 10px); position: relative; max-height:calc(100vh - 400px); overflow: hidden; }
.popup-img-im-zoom { width:100%; height: calc(100% - 0px);  }
.popup-img-im img { max-width:calc(100vh - 400px); width: auto; height: auto; display: block; margin:0 auto; cursor: zoom-in;}

.popup-img-bt { display: flex; align-items: center; justify-content:center; margin:50px auto; }
.popup-img-bt-price { display: flex; align-items: center; margin-right: 40px; }
.popup-img-bt-price .price { font-size:30px; color:var(--black); font-weight: bold; margin-right: 10px; }
.popup-img-bt-price .price .small { font-size:24px; }
.popup-img-bt-price .price-old { font-size:24px; color:var(--red); font-weight: 500; }
.popup-img-btn-buy { width:220px; height: 48px; border-radius: 3px; background-color: var(--red); display: flex; justify-content: center; align-items: center; }
.popup-img-btn-buy i { display: block; width:14px; height: 14px; margin-right: 5px; }
.popup-img-btn-buy i svg { display: block; width:14px; height: 14px; fill:var(--white); }
.popup-img-btn-buy .text { color:var(--white); font-size:13px; font-weight: 600; text-transform: uppercase;  }

.popup-img-btn-get-info { width:220px; height: 48px; border-radius: 3px; background-color: var(--blue); transition: .2s; display: flex; justify-content: center; align-items: center; }
.popup-img-btn-get-info i { display: block; width:14px; height: 14px; margin-right: 5px; }
.popup-img-btn-get-info i svg { display: block; width:14px; height: 14px; fill:var(--white); }
.popup-img-btn-get-info .text { color:var(--white); font-size:13px; font-weight: 600; text-transform: uppercase;  }

.popup-img-btn-get-info:hover { transition: .2s; background-color: var(--deep-blue); }

@media(max-width:900px){ 
  #product-popup-img { width:calc(100% - 20px); }
}

.prod-sel-pp-list { position: relative; width: 100%; max-width: 350px; height: 56px; }
.prod-sel-pp-list-tit { cursor:pointer; width: 100%; position: absolute; z-index: 4; display: flex; align-items: center; justify-content: space-between; background-color: var(--white); height: 54px; border-radius: 3px; border:1px solid var(--blue-shadow); }
.prod-sel-pp-list-tit img.prod-sel-pp-icon { width:34px;height:34px; margin-right:10px; margin-left:10px; }

.prod-sel-pp-list-tit .inf { text-align: left; width:calc(100% - 80px); }
.prod-sel-pp-list-tit .inf .inf-pp-name { font-size: 11px; font-weight: 600; color:var(--deep-blue); margin-bottom: 5px; }
.prod-sel-pp-list-tit .inf .inf-pp-wrapper { display: flex; align-items: center; justify-content: space-between; width:100%; max-width: 208px; }
.prod-sel-pp-list-tit .inf .inf-pp-parts { font-size: 11px; font-weight: 500; color:var(--green); }
.prod-sel-pp-list-tit .inf .inf-pp-price { font-size: 11px; font-weight: 500; color:var(--deep-gray); }
.prod-sel-pp-list-tit i.svg_darr {height: 40px;width: 40px;display: block; transition: .2s;}
.prod-sel-pp-list-tit i.svg_darr svg {height: 14px;width: 14px;margin: 13px;fill: var(--blue);}
.prod-sel-pp-list.open .prod-sel-pp-list-tit i.svg_darr { transition: .2s; transform: rotate(-180deg);}


.prod-sel-pp-list-items { height: auto; width:calc(100% - 6px); padding-right: 0px; overflow-x: hidden; overflow-y: auto; position: absolute; z-index: 3; top:54px; left:3px; background-color: var(--white); box-shadow: 0px 2px 5px rgba(70, 108, 156, 0.5); border-radius: 0px 0px 3px 3px; }
.prod-pp-item { transition: .2s; width:calc(100% - 0px); display: flex; align-items: center; justify-content: space-between; background-color: var(--white); height: 54px; border-bottom:1px solid var(--light-gray); }
.prod-pp-item i.svg_pointer {height: 40px;width: 40px;display: block;}
.prod-pp-item i.svg_pointer svg {height: 14px;width: 14px;margin: 13px;fill: var(--blue-shadow);}
.prod-pp-item .inf { text-align: left; width:calc(50% - 20px); margin-left:15px; }
.prod-pp-item .inf .inf-pp-name { font-size: 11px; font-weight: 600; color:var(--deep-blue); margin-bottom: 5px; }
.prod-pp-item .inf .inf-pp-stock { font-size: 11px; font-weight: 500; color:var(--black); }
.prod-pp-item .inf .inf-pp-stock.inf-pp-instock { color:var(--green); }
.prod-pp-item .inf .inf-pp-stock.inf-pp-outstock { color:var(--deep-gray); }
.prod-pp-item-price { display: flex; align-items:center; justify-content: flex-end; width:calc(50% - 30px); padding-right: 10px; }
.prod-pp-item-price .price { font-size: 13px; font-weight: bold; margin-right: 5px; }
.prod-pp-item-price .price .small { font-size: 11px; }
.prod-pp-item:hover { background-color:var(--light-bg); transition: .2s; }
.prod-pp-item.act, .prod-pp-item.act:hover { background-color:var(--light-bg); }

.prod-pp-items-inf { padding:10px 0; width:100%; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--light-gray); }
.prod-pp-items-inf i.svg_info { width:14px; height:14px; margin-right: 10px; margin-left:10px; }
.prod-pp-items-inf i.svg_info svg  { width:14px; height:14px; fill: var(--red); }
.prod-pp-items-inf .prod-pp-items-inf-text { font-size: 11px; color: var(--deep-blue); text-align: left; }
.prod-pp-items-inf i.svg_rarr { width:10px; height:10px; margin-left: 10px; margin-right:10px; }
.prod-pp-items-inf i.svg_rarr svg  { width:10px; height:10px; fill: var(--deep-blue); }

.prod-pp-items-order-wrapper { padding:10px; }
.prod-pp-items-order-wrapper .prod-pp-order {    
	transition: .2s;
	width: 100%;
	height: 40px;
	border-radius: 3px;
	background-color: var(--red);
	color: var(--white);
	display: flex;
	justify-content: center;
	align-items: center; 
}

.prod-pp-items-order-wrapper .prod-pp-order:hover { background-color: var(--red-hover); transition: .2s; }

.prod-sel-pp-list-items::-webkit-scrollbar { width: 8px; }
.prod-sel-pp-list-items::-webkit-scrollbar-track { background: var(--light-gray); box-shadow:inset -4px 0px 0px 1px #fff, inset 1px 0px 0px 1px #fff; }
.prod-sel-pp-list-items::-webkit-scrollbar-button {background: #fff; height: 3px;}
.prod-sel-pp-list-items::-webkit-scrollbar-thumb { background: var(--blue-shadow); box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }

.prod-sel-pp-list-items { visibility: hidden; opacity: 0; top:34px; transition: .2s; }
.prod-sel-pp-list.open .prod-sel-pp-list-items { visibility: visible; opacity: 1; top:54px; transition: .2s; }