ul.cat-tree { display: none; list-style: none; margin: 0; padding: 0 0 0 16px; line-height: 14px; text-align: left }
.cat-tree li { background: none !important; padding: 0 !important }
.cat_show_more { font-weight: 700; cursor: pointer; text-decoration: none }
.cat_show_more:hover { text-decoration: underline }
.cat-tree b { color: #bbb; font-weight: 400 }
.cat-tree i { padding-left: 12px; height: 14px; background: transparent url(/.s/img/wd/1/sb.gif) 0 2px no-repeat }
.cat-tree u { padding-left: 12px; height: 14px; background: transparent url(/.s/img/icon/pm.gif) no-repeat }
.cat-tree u.plus { background-position: 0 3px }
.cat-tree u.minus { background-position: 0 -18px }

.catalog #show_cats_more_block { font-weight: 700; cursor: pointer }

table.catalog {width: 100%; border-collapse: collapse;}
table.catalog tr {display: flex; flex-wrap: wrap; justify-content: space-around;}
table.catalog td {width: 23%; box-sizing: border-box; padding: 0 11px; margin-bottom: 22px; border: 1px solid #D4D4D4; text-align: center; vertical-align: top; transition: all 0.3s;}
table.catalog td#catalog-item-29, table.catalog td#catalog-item-30 {width: 40%;}
table.catalog td:hover {border: 1px solid #FFD000; opacity: 0.8;}
table.catalog img {width: 100%; max-width: 190px; height: auto;}
table.catalog img:hover {transform: scale(1.05);}
table.catalog span a {font-size: 16px; margin: 6px 0; font-weight: 700; display: block; text-align: center;}
table.catalog div a {display: block; font-size: 12px; line-height: 24px; color: #003366; text-decoration: none; text-align: left;}
table.catalog div a:nth-of-type(6) {display: none;}
table.catalog a:hover {color: #000;}
@media (max-width: 768px) {
 table.catalog tr {display: flex; flex-wrap: wrap;}
 table.catalog td {width: 48%; margin-bottom: 16px;}
 table.catalog img {max-width: 100%; height: auto;}
}

.flist a, .slist a { text-decoration: none !important }
.flist .active, .slist .active { font-weight: 700 }
.gphoto { border: none; margin-bottom: 10px; cursor: pointer }
.newprice, #order-table .warning td, #order-table .warning input, .fa-hover:hover, ul.order_notice li.order_notice_error { color: red }
#goods_cont, #shop-basket { position: relative }
#goods_cont .empty { text-align: center; padding: 50px }

/*--- shop card style ---*/
.goods-list.shop-itempage-buy-btns{column-gap:10px;display:grid;grid-template-columns:repeat(3,54px)}
.goods-list .basket,.goods-list .wish,.goods-list .compare-widget,.goods-list .compare-widget-remove + a{background-position:center;background-repeat:no-repeat;border-radius:54px;cursor:pointer;height:54px;width:54px}
.goods-list .wish,.goods-list .compare-widget,.goods-list .compare-widget-remove + a{background-color:#ecf2f5}
.goods-list .wish.wait{background-image:url(/.s/img/wait.svg)}
.goods-list .wadd{background-image:url(/.s/img/sh/wish_add.svg)}
.goods-list .wdel{background-image:url(/.s/img/sh/wish_remove.svg)}
.goods-list .werr{background-image:url(/.s/img/sh/wish_error.svg)}
.goods-list .compare-widget-add{background-image:url(/.s/img/sh/compare_add.svg)}
.goods-list .compare-widget-add + a{display:none}
.goods-list .compare-widget-remove{display:none}
.goods-list .compare-widget-remove + a{background-image:url(/.s/img/sh/compare_link.svg);display:block;font-size:0;margin:0}
.goods-list .compare-widget-wait{background-image:url(/.s/img/wait.svg);background-size:50%}
.goods-list .compare-widget-wait + a{display:none}
.goods-list .basket{background-color:#191925}
.goods-list .add{background-image:url(/.s/img/sh/basket_add.svg)}
.goods-list .done{background-image:url(/.s/img/sh/basket_done.svg)}
.goods-list .err{background-image:url(/.s/img/sh/basket_error.svg)}
.goods-list .now{background-image:url(/.s/img/sh/basket_now2.svg)}
.goods-list .wait{background-image:url(/.s/img/light_wait.svg);background-size:50%}
.product-card{border:1px solid #e1e8ed;border-radius:18px;padding:30px 24px;position:relative}
.product-card,.product-card *{box-sizing:border-box}
.product-card .product-img-link{display:flex;height:150px;justify-content:center;margin-bottom:0px}
.product-card .product-card-title{display:-moz-box;display:-webkit-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;overflow:hidden;line-height:130%;height:3.8em;margin-bottom:10px}
.product-card .product-buy-box{align-items:center;display:flex;justify-content:space-between;margin-top:15px}
.product-card .product-notify-box{display:flex;align-items:end;min-height: 54px;margin-top:15px}
.product-card:has(.notify-stock-btn:where(:not(.notify-stock-placeholder))) .product-buy-box,
.product-card .product-notify-box:has(.notify-stock-placeholder),
.product-card .product-notify-box:empty{display: none}
.product-card .notify-stock-btn{width: 100%}
.product-card .product-actions{position:absolute;right:24px;top:30px}
.product-card .product-actions .wish{margin-bottom:10px}
.product-card .basket-container > div:not(:last-child){margin-bottom:10px}
.product-card .product-tail{display:none}
.product-card .product-moder-panel{left:13px;position:absolute;top:15px}
@media screen and (min-width: 960px) {
 .product-card .product-actions{opacity:0;transform:translateX(20px);transition:all .2s ease-in}
 .product-card:hover .product-actions{opacity:1;transform:translateX(0)}
 .product-card .product-tail{border-bottom:1px solid #e1e8ed;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-left:1px solid #e1e8ed;border-right:1px solid #e1e8ed;display:none;left:-1px;padding:12px 24px 24px;position:absolute;top:calc(100% - 30px);width:calc(100% + 2px);z-index:9}
 .product-card:hover .product-tail{display:block}
}
/*--- shop card style end ---*/

img.basket, .fa-pointer { cursor: pointer }
#image-list { width: 100%; position: relative; margin-top: 10px }
#image-list .belt { display: flex; flex-direction: column; gap: 1em; }
#image-list .panel { margin: 0; overflow: hidden; }
#image-list .inner { position: relative; overflow: hidden; padding:0; }

#image-list .img-controls { position: absolute; top:.5em; right:.5em; display:flex; gap:.5em; }
#image-list .img-controls > div { width: 16px; height: 16px; cursor: pointer; top: 4px; overflow: hidden }
#image-list .img-controls .edt { background: transparent url(/.s/img/icon/edt.png) no-repeat 0 0 }
#image-list .img-controls .del { background: transparent url(/.s/img/icon/del.png) no-repeat 0 0 }
#image-list .img-controls .at-edit { background: transparent url(/.s/img/icon/sg.png) no-repeat 0 0 }

#image-list .inner input { opacity: 0; cursor: pointer; max-width: 100%; box-sizing: border-box; max-height: 100%; }

#image-list #gimage-add.wait { background: url('/.s/img/wait.svg') no-repeat center center; }
#image-list #gimage-add.wait p { display: none; }
#image-list #gimage-add .inner { border: #999 2px dashed; text-align:center; height:3.5rem; background: #9992; display: flex; align-items: center; justify-content: center; }
#image-list #gimage-add .inner p { line-height:1.5em; }
#image-list #gimage-add .add-image-label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
#image-list #gimage-add .add-image-label input { width: 100%; height: 0; padding: 0; margin:0; min-height:unset; }
#image-list #gimage-add .add-image-label span#add_img { height: inherit; display: block; }

#image-list #gimage-wrap { display:flex; flex-wrap:wrap; line-height:0; gap:1em; }
/*#image-list #gimage-wrap input {}*/
.sel-gimage img { border:2px solid blue; box-sizing:border-box; }
#image-list #gimage-wrap .inner div.image-alt-title-wrapper { position: absolute; bottom:0; top:auto; left:0; right:0; width:auto; display:flex; flex-direction:column; gap:.5em; box-sizing:border-box; height:4.5em; transition:height .5s ease-in-out; overflow:hidden; margin:0 .5em .5em; cursor:initial; }
#image-list #gimage-wrap .inner div.image-alt-title-wrapper.u-hidden { height:0; }
#image-list #gimage-wrap .inner div.image-alt-title-wrapper input { width:100%; position:unset; box-sizing:border-box; cursor:initial; opacity:1; height:2em; font-size:inherit; padding:0 .5em; line-height:2em; margin:0; min-height:unset; background:#fffc; background:#8888; }

#order-table { position:relative }
#order-table td.order-total { font-size: 17px; font-weight: 700 }
#order-table .order-head th { font-weight: 700; border-bottom: 1px dashed; text-align: left; font-size: 10pt }
#order-table .order-item td { border-bottom: 1px dashed }
#order-table td.wantdel { text-decoration: line-through }
#order-but-recalc, #order-tax-wrapper { float: right }
#order-journal { overflow-y: scroll; height: 300px }
#order-submit { text-align: center; margin: 10px }
#order-button { margin: 10px }
:where(.order-fname) { padding: 10px 10px 5px; font-weight: 700 }
:where(.order-field) { padding: 0 10px 10px 40px }
:where(.order-field.editable) {cursor: pointer;}
:where(.order-field span:where(:not(.coords-separator,.coords-label))) { display: block; min-width: 100px; min-height: 25px }
#total-sum { margin: 20px 0; font-size: 17px; text-align: center; }
#total-sum h4 { margin-bottom: 5px }
#total-sum td { padding: 5px 20px 5px 5px; border-top: 1px dashed; border-left: #eee 4px solid }
.osum { font-size: 18px; color: var(--tpl-accent-blue); font-weight: 700;}
:where(.methods-list div){ padding-bottom: 5px }
.methods-list .label { display: block; font-weight: 700 }
.methods-list td { line-height: 150% }
.methods-list th { width: 1% }
.methods-list textarea { height: 140px }
.methods-list .fw { width: 400px }
.methods-list input.radio, .methods-list input.checkbox { vertical-align: -2px }
#payments-list, #delivery-list {border: 1px solid #D4D4D4; border-radius: 12px; padding: 12px; border-collapse: separate;}

#transaction-table .col_rem { font-size: 70% }
#invoice-form { margin: 0; padding: 0 }
#invoice-table small, #transaction-table small { display: block }
#invoice-table .col_amount small { cursor: help }
#invoice-table .group-pic { vertical-align: -4px }
#cont-shop-order .osum { display: block; height: 14px }
#cont-shop-invoices .gTableSubTop { cursor: pointer; white-space: nowrap }
#cont-shop-invoices .gTable td:where(:not(.th_col_inv_id,.col_inv_id)), #transactions_cont .gTable td { text-align: center }
.col_note small { text-align: left !important }
#cont-shop-invoices .forumNameTd { padding-left: 6px; padding-right: 6px }
#shop-currency { text-align: center }
#shop-page-more { padding: 10px 0; background-position: center center; background-repeat: no-repeat; background-color: transparent }
#shop-page-more.wait { background-image: url(/.s/img/sh/wait.gif) }
#shop-page-more.wait * { visibility: hidden }
.shop-page-wrap { text-align: center; padding: 10px }
.shop-more-scroll.gTableTop { position: fixed; height: auto !important; max-width: 80%; bottom: 0; z-index: 5; padding: 25px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); border-top-left-radius: 10px; border-top-right-radius: 10px }
.shop-more-scroll-close { display: none }
.gTableTop a.shop-more-scroll-close { display: block; position: absolute; top: 7px; left: 7px; height: 16px; width: 16px; background: transparent url(/.s/img/sh/del.png) no-repeat scroll 3px 0; cursor: pointer }
.gTableTop a.shop-more-scroll-close:hover { background: transparent url(/.s/img/sh/del.png) no-repeat scroll 3px -16px }
.shop_spec u { cursor: help }
.shop_spec_grp td { font-weight: 700; border-top: 1px dashed }
.shop_spec_sub, .shop_spec_val { padding-left: 20px }
.shop_spec_nor { font-weight: 700 }
.shop-tabs { display: block; height: 31px; padding: 0; margin: 0 0 10px; border-bottom: #A7A6A6 1px solid; border-left: #A7A6A6 1px solid }
.shop-tabs li { float: left; height: 30px; line-height: 30px; list-style-type: none; margin: 0; padding: 0 10px; border-top: #A7A6A6 1px solid; border-right: #A7A6A6 1px solid }
.shop-tabs a { text-decoration: none; }
.shop-tabs a:hover { text-decoration: underline; }
.shop-tabs li.postRest1 { border-bottom: 1px solid #fff }

:where(.shop-itempage-purchase-block, .q-basket-container) { display: inline-flex; gap: 8px; flex-wrap: wrap; }
:where(.shop-itempage-purchase-block:not(:has(.notify-stock-placeholder)) .q-basket-container ) { display: none; }
:where(.notify-stock-placeholder) { display: none; }
.shop-itempage-images { padding-right: 10px; width: 1% }
.shop-itempage-rating-td { width: 1% }
.shop-itempage-rating { margin-bottom: 10px }
.shop-itempage-rating-text { font-size: 10px; text-align: center }
.shop-itempage-price { font-size: 14px; padding: 0 10px }
.shop-itempage-buy { width: 1%; text-align: center }
.shop-itempage-buy-btns div { margin: auto }
.shop-itempage-author { margin-top: 10px }
.shop-itempage-viewed-title { font-size: 20px; padding: 5px 0 10px }
.shop-item-title, .shop-item-price { font-size: 1.286em }
.shop-item-rating, .shop-item-brief, .shop-item-price { margin: 10px 0 }
.shop-options { padding: 0; margin: 0 }
.shop-options li { line-height: 150%; list-style-type: none; margin: 0; padding: 0 }
.shop-options .val { font-weight: 700 }
.shop-options label { font-weight: 400 !important }
.shop-info { padding: 5px; min-height: 30px }
.shop-imgs img { float: left; margin: 0 15px 15px 0 }
.with-clear:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0 }
.without-bg { background: none; background-color: #F6F6F6 }
.with-clear { display: block }
#shop-hmenu * {box-sizing: content-box}
#shop-hmenu { position: relative; list-style: none; margin: 0; padding: 0 }
#shop-hmenu div.hmenu-item, #shop-hmenu li.hmenu-item { float: left; text-align: center; padding: 0 1px }
#shop-hmenu td.hmenu-item { text-align: center; padding: 0 1px; height: 100% }
#shop-hmenu .hmenu-link { display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; vertical-align: middle; padding: 0 5px; text-align: center; text-decoration: none; font-size: 12px; font-weight: 700; background-color: #fff; color: #000; border: 1px solid #C2CFE0 }
#shop-hmenu .hmenu-corn { width: 100%; height: 0; position: relative; display: none }
#shop-hmenu .hmenu-corn b { width: 100%; height: 10px; position: absolute; display: block; background: url(/.s/img/sh/vcor.png) no-repeat 50% 0; margin-top: 1px; z-index: 99 }
#shop-hmenu .hmenu-cont u { text-decoration: none }
#shop-hmenu .hmenu-cont { display: none; position: absolute; left: 0; text-align: left; z-index: 98; width: 100% }
#shop-hmenu .hmenu-cont ol { list-style: none; padding: 0 0 0 5px; background-color: #fff; border: 1px solid #C2CFE0; padding: 10px; margin-top: 10px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) }
#shop-hmenu .hmenu-cont ol li { margin: 0 10px 0 0; width: 200px; float: left !important /* for sort */ }
#shop-hmenu .hmenu-cont div { margin: 2px 0 }
#shop-hmenu .hmenu-cont div a { font-size: 12px; color: #000; font-weight: 700; text-decoration: none }
#shop-hmenu .hmenu-cont ul { list-style: none; padding: 0 0 0 10px; margin: 0 }
#shop-hmenu .hmenu-cont ul li { line-height: 20px }
#shop-hmenu .hmenu-cont ul li a { font-size: 12px; color: #888; text-decoration: none }
.hmenu-onhover .hmenu-item:hover .hmenu-corn { display: block !important }
.hmenu-onhover .hmenu-item:hover .hmenu-cont { display: block !important }
#shop_wnd_error { width: 64px; height: 64px; float: left; background-image: url(/.s/img/icon/error_64.png) }
#shop_wnd_warning { width: 64px; height: 64px; float: left; background-image: url(/.s/img/icon/warning_64.png) }
#shop_wnd_info { width: 64px; height: 64px; float: left; background-image: url(/.s/img/icon/Info_64.png) }
#shop_wnd_text { margin-left: 74px }
.payformErrorMsg { color: red; margin-left: 15px }
ul.order_notice { list-style: none; padding: 0; margin: 0; font-weight: 700 }
ul.order_notice li { padding: 0 0 5px }
#recommended_products { padding: 5px 0 10px }
#recommended_products_title { color: #000 }
.cats_catalog_show_more { text-decoration: none; font-weight: 700; cursor: pointer }
.cats_catalog_show_more:hover { text-decoration: underline }
.fa { display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: 400; line-height: 1; text-rendering: auto }
.fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -15% }
.fa-1-5x { font-size: 1.5em }
.fa-2x { font-size: 2em }
.fa-3x { font-size: 3em }
.fa-4x { font-size: 4em }
.fa-5x { font-size: 5em }
.fa-fw { text-align: center; width: 1.28571em }
.fa-ul { list-style-type: none; margin-left: 2.14286em; padding-left: 0 }
.fa-ul > li { position: relative }
.fa-li { left: -2.14286em; position: absolute; text-align: center; top: .142857em; width: 2.14286em }
.fa-li.fa-lg { left: -1.85714em }
.fa-border { border: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em }
.fa-pull-left { float: left }
.fa-pull-right { float: right }
.fa.fa-pull-left { margin-right: .3em }
.fa.fa-pull-right { margin-left: .3em }
.pull-right { float: right }
.pull-left { float: left }
.fa.pull-left { margin-right: .3em }
.fa.pull-right { margin-left: .3em }
.fa-spin { animation: 2s linear 0 normal none infinite running fa-spin }
.fa-pulse { animation: 1s steps(8) 0 normal none infinite running fa-spin }
@keyframes fa-spin {
 0% { transform: rotate(0deg) }
 100% { transform: rotate(359deg) }
}
.fa-rotate-90 { transform: rotate(90deg) }
.fa-rotate-180 { transform: rotate(180deg) }
.fa-rotate-270 { transform: rotate(270deg) }
.fa-flip-horizontal { transform: scale(-1, 1) }
.fa-flip-vertical { transform: scale(1, -1) }
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none }
.fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2em }
.fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100% }
.fa-stack-1x { line-height: inherit }
.fa-stack-2x { font-size: 2em }
.fa-inverse { color: #fff }


.fa-search:before {content:"\f002"}
.fa-user:before {content:"\f007"}
.fa-user-o:before {content:"\f2c0"}
.fa-user-circle:before {content:"\f2bd"}
.fa-home:before {content:"\f015"}
.fa-heart:before {content:"\f004"}
.fa-heart-o:before {content:"\f08a"}
.fa-star:before {content:"\f005"}
.fa-star-half:before {content:"\f089"}
.fa-star-o:before {content:"\f006"}
.fa-shopping-cart:before {content:"\f07a"}
.fa-cart-plus:before {content:"\f217"}
.fa-cart-arrow-down:before {content:"\f218"}
.fa-shopping-bag:before {content:"\f290"}
.fa-shopping-basket:before {content:"\f291"}
.fa-plus:before {content:"\f067"}
.fa-minus:before {content:"\f068"}
.fa-times:before {content:"\f00d"}
.fa-chevron-left:before {content:"\f053"}
.fa-chevron-right:before {content:"\f054"}
.fa-chevron-up:before {content:"\f077"}
.fa-chevron-down:before {content:"\f078"}
.fa-bars:before {content:"\f0c9"}
.fa-trash:before {content:"\f1f8"}
.fa-trash-o:before {content:"\f014"}
.fa-check:before {content:"\f00c"}
.fa-check-circle:before {content:"\f058"}
.fa-exclamation-circle:before {content:"\f06a"}
.fa-info-circle:before {content:"\f05a"}
.fa-phone:before {content:"\f095"}
.fa-envelope:before {content:"\f0e0"}
.fa-map-marker:before {content:"\f041"}
.fa-clock-o:before {content:"\f017"}
.fa-lock:before {content:"\f023"}
.fa-unlock:before {content:"\f09c"}
.fa-credit-card:before {content:"\f09d"}
.fa-credit-card-alt:before {content:"\f283"}
.fa-truck:before {content:"\f0d1"}
.fa-tag:before {content:"\f02b"}
.fa-tags:before {content:"\f02c"}
.fa-percent:before {content:"\f295"}


.fa-google:before {content:"\f1a0"}
.fa-google-plus:before {content:"\f0d5"}
.fa-google-plus-square:before {content:"\f0d4"}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {content:"\f2b3"}
.fa-telegram:before {content:"\f2c6"}
.fa-instagram:before {content:"\f16d"}
.fa-facebook:before,
.fa-facebook-f:before {content:"\f09a"}
.fa-facebook-square:before {content:"\f082"}
.fa-facebook-official:before {content:"\f230"}


.spec-value > .fa { position: absolute; right: 0; top: 0 }
.spec-value > .fa.fa-wrench { top: 30px }
.warning-msg, .ok-msg { border: 2px dashed; border-radius: 10px; padding: 15px; margin-bottom: 20px }
.warning-msg { border-color: #faebcc; background-color: #fcf8e3; color: #8a6d3b }
.ok-msg { border-color: #d6e9c6; background-color: #dff0d8; color: #3c763d }
.fHelp { color: #96999e; font-size: .9em }
.shop-spec-filter-wrapper { margin: 3px; width: 100% }
.spec-filter { display: block; margin-bottom: 3px; padding: 3px 10px 3px 0; border-right: #ddd 1px solid; border-bottom: #ddd 1px solid }
.spec-val-ico { display: none }
.spec-val-text, .spec-value-more { cursor: pointer }
.spec-value-more a { padding-left: 20px }
.spec-value-more a.more { background: transparent url(/.s/img/sh/ad.png) no-repeat center left }
.spec-value-more a.hide { background: transparent url(/.s/img/sh/au.png) no-repeat center left; display: none }
.spec-value { position: relative; }
.spec-value > select { width: 100% }
.collapsed .spec-filter-title { background-image: url(/.s/img/sh/ad.png) }
.collapsed .spec-subfilter-title { background-image: url(/.s/img/sh/al.png) }
.spec-filter-title, .spec-subfilter-title { position: relative; padding-top: 4px; padding-bottom: 4px; cursor: pointer }
.spec-filter-title { padding-right: 20px; background: transparent url(/.s/img/sh/au.png) no-repeat center right }
.spec-subfilter-title { padding-left: 20px; background: transparent url(/.s/img/sh/au.png) no-repeat center left }
.spec-filter-title .sv-edit, .spec-subfilter-title .sv-edit, .spec-value .sv-edit { position: absolute; right: 10px; top: 0; display: none; }
.spec-filter-title:hover .sv-edit, .spec-subfilter-title:hover .sv-edit, .spec-value:hover .sv-edit { display: block }
.sv-edit .u-mpanel-l { border-radius: 13px !important; padding-right: 0 !important }
.spec-values { padding-left: 20px }
.spec-filter-title span { font-weight: 700; margin-bottom: 5px }
.spec-subfilter-title span { cursor: pointer }
.spec-subfilter-list { padding-left: 5px }
.spec-subfilter { padding-bottom: 5px }
.collapsed .spec-subfilter-list, .collapsed .spec-values { display: none }
.important-values .collapsed, .view-as-user .spechidden { display: none }
.spec-value select { width: auto }
@-webkit-keyframes fstAnimationEnter {
 from{opacity:0;-webkit-transform:translate3d(0,-1em,0)}
 to{opacity:1;-webkit-transform:translate3d(0,0,0)}
}
@-moz-keyframes fstAnimationEnter {
 from{opacity:0;-moz-transform:translate3d(0,-1em,0)}
 to{opacity:1;-moz-transform:translate3d(0,0,0)}
}
@keyframes fstAnimationEnter {
 from{opacity:0;-webkit-transform:translate3d(0,-1em,0);-moz-transform:translate3d(0,-1em,0);-ms-transform:translate3d(0,-1em,0);-o-transform:translate3d(0,-1em,0);transform:translate3d(0,-1em,0)}
 to{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fstElement { display: inline-block; position: relative; border: 1px solid #D7D7D7; box-sizing: border-box; color: #232323; font-size: .9em; margin-right: 30px; background-color: #fff }
.fstElement > select, .fstElement > input { position: absolute; left: -999em }
.fstToggleBtn { font-size: 1.4em; display: block; position: relative; box-sizing: border-box; padding: .71429em 1.42857em .71429em .71429em; min-width: 14.28571em; cursor: pointer }
.fstToggleBtn:after { position: absolute; content: ""; right: .71429em; top: 50%; margin-top: -.17857em; border: .35714em solid transparent; border-top-color: #cacaca }
.fstQueryInput { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline: none; box-sizing: border-box; background: transparent; border: 0 }
.fstResults { position: absolute; left: -1px; top: 100%; right: -1px; max-height: 30em; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 1px solid #D7D7D7; border-top: 0; background-color: #fff; display: none }
.fstResultItem { font-size: 1.4em; display: block; padding: .5em .71429em; margin: 0; cursor: pointer; border-top: 1px solid #fff }
.fstResultItem.fstUserOption { color: #707070 }
.fstResultItem.fstFocused { color: #fff; background-color: #43A2F3; border-color: #73baf6 }
.fstResultItem.fstSelected { color: #fff; background-color: #2694F1; border-color: #73baf6 }
.fstGroupTitle { font-size: 1.4em; display: block; padding: .5em .71429em; margin: 0; font-weight: 700 }
.fstGroup { padding-top: 1em }
.fstGroup:first-child { padding-top: 0 }
.fstNoResults { font-size: 1.4em; display: block; padding: .71429em; margin: 0; color: #999 }

/*--- Single Mode ---*/
.fstSingleMode .fstControls { position: absolute; left: -1px; right: -1px; top: 100%; padding: .5em; border: 1px solid #D7D7D7; background-color: #fff; display: none }
.fstSingleMode .fstQueryInput { font-size: 1.4em; display: block; width: 100%; padding: .5em .35714em; color: #999; border: 1px solid #D7D7D7 }
.fstSingleMode.fstActive { z-index: 100 }
.fstSingleMode.fstActive.fstElement, .fstSingleMode.fstActive .fstControls, .fstSingleMode.fstActive .fstResults { box-shadow: 0 .2em .2em rgba(0, 0, 0, 0.1) }
.fstSingleMode.fstActive .fstControls { display: block }
.fstSingleMode.fstActive .fstResults { display: block; z-index: 10; margin-top: -1px }

/*--- Multiple mode ---*/
.fstChoiceItem { display: inline-block; font-size: 1.2em; position: relative; margin: 0 .41667em .41667em 0; padding: .33333em .33333em .33333em 1.5em; float: left; border-radius: .25em; border: 1px solid #43A2F3; cursor: auto; color: #fff; background-color: #43a2f3; -webkit-animation: fstAnimationEnter .2s; -moz-animation: fstAnimationEnter .2s; animation: fstAnimationEnter .2s }
.fstChoiceItem.mod1 { background-color: #f9f9f9; border: 1px solid #d7d7d7; color: #232323 }
.fstChoiceItem.mod1 > .fstChoiceRemove { color: #a4a4a4 }
.fstChoiceItem .fstChoiceRemove { margin: 0 !important; background: transparent !important; padding: 0 !important; top: 6px !important; left: 5px !important; box-shadow: none !important; font-size: 16px !important; height: auto !important; line-height: 1em !important }
.fstChoiceRemove { box-shadow: none; height: 25px; margin: 0; padding: 0; border: 0; cursor: pointer; background: none; font-size: 1.16667em; position: absolute; left: 0; top: 50%; width: 1.28571em; line-height: 1.28571em; margin-top: -.64286em; text-align: center; color: #fff }
.fstChoiceRemove::-moz-focus-inner { padding: 0; border: 0 }
.fstMultipleMode .fstControls { box-sizing: border-box; padding: .5em .5em 0; overflow: hidden; width: 20em; cursor: text }
.fstMultipleMode .fstQueryInput { font-size: 1.4em; float: left; padding: .28571em 0; margin: 0 0 .35714em; width: 2em; color: #999 }
.fstMultipleMode .fstQueryInputExpanded { float: none; width: 100%; padding: .28571em .35714em }
.fstMultipleMode .fstFakeInput { font-size: 1.4em }
.fstMultipleMode.fstActive, .fstMultipleMode.fstActive .fstResults { box-shadow: 0 .2em .2em rgba(0, 0, 0, 0.1) }
.fstMultipleMode.fstActive .fstResults { display: block; z-index: 10; border-top: 1px solid #d7d7d7 }

#goods-images-wrapper { width: 696px; }
.goods-images-item { width: 127px; height: 127px; border: solid white 1px; padding: 5px; display: block; position: relative; float: left; margin: 5px; }
.goods-images-image { max-width: 117px; max-height: 117px; margin: 0 auto; }
.google-images-loading, .google-images-unavailable { background: rgba(0,0,0,0.5); overflow: visible; position: absolute; top:0; left:0; z-index: 1000; height: 100%; width: 100%; text-align: center; }
.google-images-loading span, .google-images-unavailable span { color: white; margin: 0 auto; display: inline-block; position: absolute; top: 50%; left: 0; }
#goods-images-wrapper .pager { clear: both; }
#goods-images-wrapper .pgSwchA { padding: 0 !important; border: none !important; }
#goods-images-wrapper .pgSwchA b { display: inline-block; line-height: 2em; }

.myWinCont #goods-images-wrapper a,
.myWinCont #goods-images-wrapper a:link,
.myWinCont #goods-images-wrapper a:visited { text-decoration: none!important; }

.nowrap{ white-space: nowrap }
#shop-categories label {white-space: nowrap;}
#shop-feed div { padding:2px 0 }
.z_index_max { z-index: 999999 !important; }

/*--- order page ---*/
:where(.order-header, .order-block){margin-block: 24px;}
:where(.order-page-title){margin-bottom: 8px;}
:where(.order-status){padding: 4px 12px;width: fit-content;border-radius: 8px;border: 1px solid currentColor;}
:where(.order-summary-item){display:flex;align-items:end;justify-content:space-between;gap:16px;}
:where(.order-summary-item:has(form)) {flex-wrap: wrap;}
:where(.order-summary-item:has(+ .order-summary-item)){margin-bottom: 16px;}
:where(.order-summary-val){flex-shrink:0;white-space:nowrap;}
:where(.order-summary-action){margin-top:24px;}
:where(.order-summary-payment){margin-top:8px;}
:where(.order-summary-price,.order-detail .order-detail-name){font-weight:bold;}
:where(.order-detail-desc){margin-top: 6px;}
:where(.order-timestamp) {font-style: italic; text-align: var(--text-align, right)}

/*apiship Delivery*/
.methods-list .apiship-types-wrapper {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 padding: 0;
}

.methods-list .apiship-types-wrapper.wait {
 width: 18px;
 height: 18px;
 -webkit-mask: url("/.s/img/icon/load.svg") center/contain no-repeat;
 mask: url("/.s/img/icon/load.svg") center/contain no-repeat;
 background-color: currentColor;
 vertical-align: middle;
}


/*--- shop maps field style ---*/
@keyframes jello-horizontal{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1)} }
.map-field-map{width:100%;height:100%}
.map-field-modal {--fancybox-zIndex: 11000;}
.map-field-modal div:has(>.map-field-map){width:100vw;height:100vh;max-width: 100%}
.map-field-modal .fancybox__content{width:100%;height:100%;padding:0}
.map-field-coords,.address-info-coords{display:flex;align-items:center;gap:4px;margin-top:8px}
.map-field-coords:before,.address-info-coords:before{content:"";width:18px;height:18px;display:inline-block;-webkit-mask:url(/.s/img/sh/geo_fill.svg) center/contain no-repeat;mask:url(/.s/img/sh/geo_fill.svg) center/contain no-repeat;background-color:currentColor;flex-shrink:0}
.custom-address-panel{--map-panel-bg:#ffffff;--map-panel-color:#222222;--map-panel-color-100:#212529;--map-panel-color-200:#82807d;--map-panel-btn-bg:#507fff;--map-panel-btn-color:#ffffff;--map-panel-btn-radius:8px;--map-panel-font-famaly:"Inter",system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-family:var(--map-panel-font-famaly);background-color:var(--map-panel-bg);color:var(--map-panel-color);border-radius:16px;padding-block:16px 24px;padding-inline:16px;box-shadow:0 16px 48px 0 rgba(0,0,0,.1764705882);max-width:480px;width:100%;z-index:9999999999}
.custom-address-panel.ya-map-panel{position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.custom-address-panel h4{margin:0;font-family:var(--map-panel-font-famaly);font-size:16px;color:var(--map-panel-color-100)}
.custom-address-panel :where(.address-info){margin-block:8px;font-size:14px}
.custom-address-panel :where(.address-confirm-btn){background-color:var(--map-panel-btn-bg);color:var(--map-panel-btn-color);margin-top:24px;border-radius:var(--map-panel-btn-radius);padding:16px;width:100%;display:block;border:0}
.custom-address-panel :where(.address-confirm-btn):disabled{opacity:.5}
.custom-address-panel :where(.address-info-coords){color:var(--map-panel-color-200)}
.custom-buttons-panel{--custom-btn-bg:#ffffff;--custom-btn-color:#82807d;padding:12px;display:flex;flex-direction:column;gap:12px}
.custom-buttons-panel.ya-map-panel{position:absolute;right:0;top:0}
.custom-buttons-panel :where(.custom-button){color:var(--custom-btn-color);border:0;background-color:var(--custom-btn-bg);box-shadow:0 16px 48px 0 rgba(0,0,0,.1764705882);padding:10px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font:inherit;cursor:pointer}
.custom-buttons-panel :where(.custom-button):before{content:"";width: 24px;height: 24px;display: block;background-color:currentColor;flex-shrink:0 }
.custom-buttons-panel :where(.locate-btn):before{-webkit-mask:url(/.s/img/sh/pin2.svg) center/contain no-repeat;mask:url(/.s/img/sh/pin2.svg) center/contain no-repeat;}
.custom-buttons-panel :where(.close-map-btn):before{-webkit-mask:url(/.s/img/sh/cross.svg) center/contain no-repeat;mask:url(/.s/img/sh/cross.svg) center/contain no-repeat;}
.custom-buttons-panel .locate-btn:disabled:before{animation:jello-horizontal .9s infinite both}
.custom-marker{color:#222;transition: translate 100ms linear;}
.custom-marker.dragstart-compress {transform:translateY(-20px);}
.custom-marker.dragend-drop {transform:translateY(0);transition: transform 300ms linear(0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%);}
@keyframes c-drop { 0% { transform: translateY(-100px) scaleY(0.9); opacity: 0; } 5% { opacity: 0.7; } 50% { transform: translateY(0px) scaleY(1); opacity: 1; } 65% { transform: translateY(-17px) scaleY(0.9); opacity: 1; } 75% { transform: translateY(-22px) scaleY(0.9); opacity: 1; } 100% { transform: translateY(0px) scaleY(1); opacity: 1; } }
.custom-marker.click-drop {animation: c-drop 0.3s linear forwards;}
.custom-marker.ya-marker{translate:-50% -100%;transform-origin: bottom center;}
.custom-marker.ya-marker.dragstart-compress {transform:scale(1.2);}
:where(.custom-marker):before{content:"";width:36px;height:48px;display:block;background-color:currentColor;-webkit-mask:url(/.s/img/sh/pin.svg) center/contain no-repeat;mask:url(/.s/img/sh/pin.svg) center/contain no-repeat}
@media(prefers-color-scheme:dark){
 .custom-address-panel:where(:not([data-theme=light])){--map-panel-bg:#444444;--map-panel-color:#e7e7e7;--map-panel-color-100:#ffffff;--map-panel-color-200:#9f9f9f}
 .custom-marker:where(:not([data-theme=light])){color:#ea4335}
 .custom-buttons-panel:where(:not([data-theme=light])){--custom-btn-bg:#444444;--custom-btn-color:#ffffff}
}
/*--- shop shop maps field style end ---*/

/*--- shop invoice-preview-modal ---*/
:where(.order-preview-modal) :is(.order-actions, .order-timestamp) {margin-block: 1rem;}
:where(.order-preview-modal) .order-actions {
 display: flex;
 gap: 8px;
}
/*--- shop invoice-preview-modal end ---*/

/*--- shop marked product style ---*/
:where(#invoice-table .inv-id) {display: flex;gap: 12px; align-items: center;}
:where(.mark-field){display:flex;gap:24px;
 :where(input[name="mark"]) {margin: 0}
}
:where(.mark-info){display:none;flex-direction:column;gap:8px;flex:1 1;
 :where(.marked-info-logo){display:block}:where(.mark-info-title){font-weight:500}
 :where(.mark-info-desc){font-weight:500}.mark-field:has(input[name="mark"]:checked) &{display:flex}
}
.toggle-mark{display:flex;align-items:center;gap:8px;margin-block:8px 0;width:fit-content;
 .toggle-mark-counter{display:flex;padding:2px 4px;border-radius:4px;width:fit-content;background-color:#eae83c;flex-shrink:0;align-items:center;gap:4px;color:#63666a;
 &:before{width:16px;height:16px;content:"";display:block;background:url(/.s/img/sh/logo-checkmark-grey.svg) center / contain no-repeat}}
 &:after{content:"";width:1em;height:1em;background-color:currentColor;-webkit-mask:url(/.s/img/sh/arr_down.svg) center / contain no-repeat;mask:url(/.s/img/sh/arr_down.svg) center / contain no-repeat;transition:transform .2s linear}
 &.open:after{transform:rotate(180deg)}
}
.mark-row{display:none;&.open{display:revert;transition:opacity .2s linear,transform .2s linear,display .2s allow-discrete;transform:translateY(0);opacity:1}
 @starting-style{&.open{opacity:0;transform:translateY(-10px)}}
}
:where(.item-mark) .mark-fields-title{padding-top:12px;margin-block:12px 8px;
 :where(&){border-top: 1px solid currentColor}}
:where(.item-mark) .mark-fields{display:flex;flex-direction:column;gap:8px;}
:where(.item-mark) .mark-code-field{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;
 .mark-input {scroll-margin-left: 50px}
}
.mark-success-message {display: grid;grid-template-columns:auto minmax(0, 1fr);gap: 4px;align-items: center;
 &:before { width: var(--mark-icon-size, 1lh); height: var(--mark-icon-size, 1lh); content: ""; background-color: currentColor; -webkit-mask: url(/.s/img/sh/check-circle.svg) center/ contain no-repeat; mask: url(/.s/img/sh/check-circle.svg) center/ contain no-repeat }
}
.mark-message-box {
 .xw-hdr-text {text-align: center}
 .messagebox-content{padding: 0; min-width: 320px;}
 .messagebox-actions{padding: 16px 0 0; & table {border-spacing: 0;}}
}
:where(.mark-faq){margin-block:1rem;
 :where(&) .mark-faq-title{display:grid;gap:4px;grid-template-columns:auto minmax(0,1fr);cursor:pointer;outline:none;
 :where(.order-preview-modal) &{text-decoration:underline}
 [open] &{margin-bottom:12px}
 &:before{content:"";width:var(--mf-icon-size,1lh);height:var(--mf-icon-size,1lh);background-color:currentColor;-webkit-mask:url(/.s/img/sh/question-circle.svg) center / contain no-repeat;mask:url(/.s/img/sh/question-circle.svg) center / contain no-repeat}
 }
 :where(&) ol{margin:0;padding-block:8px;border:1px solid currentColor;border-radius:6px;padding-right:8px}
 :where(&) li+li{margin-top:8px}
}
/*--- shop marked product style end ---*/

.popular-list {display: grid; gap:10px; grid-template-columns:repeat(auto-fill, minmax(210px, 1fr));}
.newprice {font-size: 17px; font-weight: 700;}
.shop-cat-descr {text-align: justify;}
.shop-cat-descr ul {list-style-type: disc; padding-left: 40px;}
.shop-cat-descr ul li {margin-block: var(--tpl-spacing-s);}
.fleft {float: left; margin: 5px 10px 5px 0px;}
.fright {float: right; margin: 5px 0px 5px 10px;}
.zag_name {color: #3367f4; font-size: 16px; text-align: center; font-weight: bold; margin: 15px 0px 10px 0px;}




/* ===== МОБИЛЬНАЯ ВЕРСИЯ ===== */
@media (max-width: 768px) {

 .scrollable-table-container {overflow: visible;}
 #order-table table, #order-table thead, #order-table tbody, #order-table tr, #order-table td {display: block; width: 100%; text-align: center; }
 #order-table thead, #order-table .order-item td.order-item-nom { display: none; }
:where(.module-shop :where(.checkout-layout, .order-layout)) #order-table#order-table .order-item-name a:where(:not(.toggle-mark)) {text-decoration: none; }
 #order-table .order-item {border: 1px solid #D4D4D4; border-radius: 12px; padding: 12px; margin-bottom: 16px; background: #fff; }
 .order-item-nom {display: none; }
 .order-item-img {text-align: center; margin-bottom: 0px; }
 .order-item-img img {width: 300px; height: 300px; height: auto; border-radius: 8px; }
 .order-item-name {font-size: 15px; font-weight: 600; margin-bottom: 8px;}
 .order-item-name a {text-decoration: none; color: #222; }
 .order-item-price {font-size: 16px; font-weight: 700; color: #000; margin-bottom: 10px;}
 .order-item-sum {display: none !important;}
 .order-item-cnt {display: flex; justify-content: center; margin-bottom: 12px;}
 .order-item-cnt input[type="text"] {width: 36px; text-align: center; font-size: 16px; padding: 0px; border: 1px solid #ccc; border-radius: 6px;}
 #order-table tr:last-child {padding-top: 0px;}
 #order-but-continue, #order-but-recalc {width: 100%; padding: 10px; font-size: 15px; margin-bottom: 8px;}
:where(.module-shop .stock-sets-table td),:where(.module-shop .invoices-layout) #invoice-table :is(td:where(:not(td table td)),#f),:where(.module-shop :where(.checkout-layout,.order-layout)) #order-table#order-table :is(td,th) {padding: 0;}
.methods-list textarea { height: 40px !important; min-height: 5em !important;}
/* скрываем ВСЕ order-total, кроме последней */
td.order-total:not(:last-child) {
 display: none !important;
}

/* добавляем текст перед суммой */
td.order-total:last-child::before {
 content: "Итого: ";
 font-weight: bold;
}



}


.order-item-del {position: relative;}
.order-item-del input[type="checkbox"] {position: absolute; inset: 0; opacity: 0; cursor: pointer; z-index: 2;}
.order-item-del b.fa-times {position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 8px 14px; background-color: #f1f1f1; border-radius: 6px; cursor: pointer; user-select: none; transition: background-color 0.2s ease; font-size: 0;}
.order-item-del b.fa-times::after {content: "Очистить"; font-size: 15px; font-weight: 600; color: #595959;;}
.order-item-del b.fa-times:hover {background-color: #f7f7f7;}
.order-item-del input[type="checkbox"]:checked + b.fa-times {background-color: #9e9e9e;}