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 }
.cat-blocks { padding: 1px 1px 0; line-height: 20px }
.cat-blocks div { cursor: pointer; margin-bottom: 1px; height: auto !important; padding: 0 5px !important; font-size: 11px !important; text-align: left !important; overflow: hidden }
.cat-blocks ul { display: none; list-style: none; margin: 0; padding: 0; text-align: left }
.cat-blocks li { height: auto; padding: 0 10px; margin-bottom: 1px; overflow: hidden }
.cat-blocks a, .cat-blocks a:hover, .cat-blocks a:visited, .cat-blocks u { text-decoration: none }
.catalog #show_cats_more_block { font-weight: 700; cursor: pointer }

/* === НАСТРОЙКА ПЛИТКИ И ФОТО КАТЕГОРИЙ (УБИРАЕМ БЕЖЕВЫЙ, ДЕЛАЕМ ГРАФИТОВЫЙ ТЕКСТ) === */
table.catalog { width: 100%; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important; gap: 25px !important; padding: 20px 0 !important; }
table.catalog tbody, table.catalog tr { display: contents !important; }
table.catalog td { 
 display: flex !important; 
 flex-direction: column !important; 
 align-items: center !important; 
 justify-content: space-between !important; 
 background: rgba(255, 255, 255, 0.03) !important; 
 border: 1px solid rgba(226, 240, 249, 0.1) !important; 
 padding: 20px !important; 
 border-radius: 12px !important; 
 min-height: 260px !important; 
 text-align: center !important; 
 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
 transition: all 0.3s ease !important;
}
table.catalog td:hover {
 transform: translateY(-5px) !important;
 border-color: rgba(226, 240, 249, 0.5) !important;
 background: rgba(226, 240, 249, 0.05) !important;
}
/* Исправленный заголовок: тонкий, изящный, нежирный графитовый цвет */
table.catalog h3 { 
 margin: 0 !important; 
 color: #3d4652 !important; 
 font-size: 15px !important; 
 font-weight: 400 !important; 
 text-transform: uppercase !important; 
 letter-spacing: 1px !important; 
 line-height: 1.4 !important; 
 text-shadow: 0 0 8px rgba(255, 255, 255, 0.9), 0 0 4px rgba(255, 255, 255, 0.6) !important;
}
table.catalog div { margin: 10px 0 0 0 !important; font-size: 12px !important; color: #666 !important; display: none !important; }
/* Автоматическая идеальная обрезка обложек категорий до квадратов */
table.catalog img { 
 float: none !important; 
 margin: 0 0 15px 0 !important; 
 border: 0 !important; 
 width: 100% !important; 
 max-width: 160px !important; 
 height: 160px !important; 
 object-fit: cover !important; 
 border-radius: 6px !important; 
 transition: transform 0.3s ease !important;
}
table.catalog td:hover img { transform: scale(1.05) !important; }

.flist a, .slist a { text-decoration: none !important; color: rgba(226, 240, 249, 0.8) !important; }
.flist .active, .slist .active { font-weight: 700; color: #ffffff !important; }
.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: #e2f0f9 !important; border: 1px solid #b5d5eb !important; }
.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 rgba(226, 240, 249, 0.15) !important; background: rgba(255, 255, 255, 0.02) !important; 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:24px}

/* ИСПРАВЛЕННАЯ ОБРЕЗКА: Фотографии самих товаров теперь тоже ровные аккуратные квадраты 1:1 */
.product-card .product-pictures img{display:block; width: 100% !important; height: 150px !important; max-width: 100%; object-fit: cover !important; border-radius: 6px !important;}

.product-card .product-card-title{display:-moz-box;display:-webkit-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;overflow:hidden;line-height:130%;-webkit-line-clamp:2;line-clamp:2;height:2.6em;margin-bottom:10px; color: #ffffff !important;}
.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 rgba(226, 240, 249, 0.2) !important;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-left:1px solid rgba(226, 240, 249, 0.2) !important;border-right:1px solid rgba(226, 240, 249, 0.2) !important;display:none;left:-1px;padding:12px 24px 24px;position:absolute;top:calc(100% - 30px);width:calc(100% + 2px);z-index:9; background: #191925 !important;}
 .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; }
.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; }