Назначение: превратить таблицу характеристик в “строки” с разделителями,
как на 2 колонки, значение справа, тонкие линии.
========================================= */
body.single-product #tab-wd_custom_tab_2 table{
width: 100% !important;
border: 0 !important;
border-collapse: collapse !important;
border-spacing: 0 !important;
table-layout: fixed !important; /* стабильная сетка, как у медкомп */
}
body.single-product #tab-wd_custom_tab_2 tbody,
body.single-product #tab-wd_custom_tab_2 tr,
body.single-product #tab-wd_custom_tab_2 td{
border: 0 !important;
}
/* Строка как единый “item” с разделителем снизу */
body.single-product #tab-wd_custom_tab_2 tr{
border-bottom: 1px solid #eee !important;
}
/* Ячейки */
body.single-product #tab-wd_custom_tab_2 td{
padding: 14px 0 !important;
vertical-align: middle !important;
font-size: 13px;
line-height: 1.35;
color: #111;
/* перебиваем твои inline width/height */
height: auto !important;
}
/* Левая колонка (название) */
body.single-product #tab-wd_custom_tab_2 td:first-child{
width: 68% !important;
padding-right: 18px !important;
text-align: left !important;
font-weight: 400;
}
/* Правая колонка (значение) */
body.single-product #tab-wd_custom_tab_2 td:last-child{
width: 32% !important;
text-align: right !important;
color: #111827;
font-weight: 400;
word-break: break-word;
}
/* Если в таблице где-то остались — убираем лишние отступы */
body.single-product #tab-wd_custom_tab_2 td p{
margin: 0 !important;
padding: 0 !important;
}
/* На мобилке делаем чуть компактнее и не даём “слипаться” */
@media (max-width: 768px){
body.single-product #tab-wd_custom_tab_2 td{
padding: 12px 0 !important;
font-size: 13px;
}
body.single-product #tab-wd_custom_tab_2 td:first-child{
width: 62% !important;
padding-right: 12px !important;
}
body.single-product #tab-wd_custom_tab_2 td:last-child{
width: 38% !important;
}
}
/* =========================================================
NM: Related tabs (server-rendered)
Scope: .nm-related-tabs only
========================================================= */
.nm-related-tabs .nm-tabs__caption{
display:flex;
gap:0;
list-style:none;
margin:0 0 12px 0;
padding:0;
position:relative;
}
.nm-related-tabs .nm-tabs__caption > li{
flex:1 1 0;
text-align:center;
margin:0;
padding:10px 8px 12px;
cursor:pointer;
user-select:none;
font-size:13px;
font-weight:600;
color:#111;
position:relative;
white-space:nowrap;
}
.nm-related-tabs .nm-tabs__caption::before{
content:"";
position:absolute;
left:0; right:0; bottom:0;
height:1.6px;
background:#ddd;
}
.nm-related-tabs .nm-tabs__caption > li::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:0;
height:2.8px;
background:#0087d1;
transition:width .22s ease;
}
.nm-related-tabs .nm-tabs__caption > li.is-active::after{
width:100%;
}
.nm-related-tabs .nm-tabs__caption > li:not(.is-active):hover::after{
width:100%;
}
/* hover фон — только для НЕактивной вкладки */
.nm-related-tabs .nm-tabs__caption > li:not(.is-active):hover{
background:#F2F2F2;
}
/* чтобы не было “скачка” — плавность */
.nm-related-tabs .nm-tabs__caption > li{
transition: background-color .18s ease;
}
.nm-related-tabs .nm-tab-panel{ display:none; }
.nm-related-tabs .nm-tab-panel.is-active{ display:block; }
/* =========================================================
NM: Related list cards (no WoodMart loop)
========================================================= */
.nm-ajax-related .nm-rel-list{
display:flex;
flex-direction:column;
gap:12px;
margin-top: 35px;
}
.nm-ajax-related .nm-rel-item{
display:flex;
flex-wrap: wrap;
gap:5px;
align-items:flex-start;
padding:12px 12px;
background:#fff;
border:1px solid rgba(0,0,0,.08);
border-radius:8px;
box-shadow:0 10px 28px rgba(0,0,0,.08);
transition:border-color .18s ease, box-shadow .18s ease;
}
.nm-ajax-related .nm-rel-item:hover{
border-color:#0087D1;
box-shadow:0 12px 34px rgba(0,0,0,.10);
}
.nm-ajax-related .nm-rel-left{
flex:0 0 90px;
max-width:90px;
display:block;
}
.nm-ajax-related .nm-rel-img{
width:90px;
height:80px;
object-fit:contain;
display:block;
}
.nm-ajax-related .nm-rel-mid{
flex: 1 1 calc(100% - 102px);
max-width: calc(100% - 102px);
min-width:0;
display:flex;
flex-direction:column;
gap:4px;
}
.nm-ajax-related .nm-rel-title{
color:#111;
font-size:13px;
font-weight:500;
line-height:1.55;
text-decoration:none;
overflow-wrap:anywhere;
}
.nm-ajax-related .nm-rel-title:hover{ color:#0087d1; }
.nm-ajax-related .nm-rel-stock{
font-size:13px;
font-weight:500;
line-height:1.3;
color:#0087d1;
}
.nm-ajax-related .nm-rel-stock.out-stock{ color:#999; }
.nm-ajax-related .nm-rel-stock.backorder{ color:#0087d1; }
.nm-ajax-related .nm-rel-right{
display:flex;
align-items:center;
gap:10px;
flex: 0 0 100%;
justify-content: flex-end;
}
.nm-ajax-related .nm-rel-price .amount{
color:#243746;
font-size:16px;
line-height:16px;
font-weight:700;
white-space:nowrap;
}
.nm-ajax-related .nm-rel-cart{
width:17px;
height:17px;
display:inline-block;
background:#545454;
-webkit-mask-image:url('/wp-content/uploads/2026/02/cart-nm-ajax.svg');
-webkit-mask-repeat:no-repeat;
-webkit-mask-size:contain;
-webkit-mask-position:center;
mask-image:url('/wp-content/uploads/2026/02/cart-nm-ajax.svg');
mask-repeat:no-repeat;
mask-size:contain;
mask-position:center;
}
.nm-ajax-related .nm-rel-price ins .amount{
color:#0087d1;
}
/* цвет цифр старой цены */
.nm-ajax-related .nm-rel-price del .amount{
color:#9a9ba5;
}
/* цвет линии перечёркивания */
.nm-ajax-related .nm-rel-price del{
text-decoration-color:#9a9ba5;
}
.nm-ajax-related .nm-rel-cart:hover{ background:#0087d1; }
/* Toggle show-X (same logic as раньше) */
.nm-ajax-related.nm-show-1 .nm-rel-item:nth-child(n+2){ display:none; }
.nm-ajax-related.nm-show-2 .nm-rel-item:nth-child(n+3){ display:none; }
.nm-ajax-related.nm-show-3 .nm-rel-item:nth-child(n+4){ display:none; }
.nm-ajax-related.nm-show-4 .nm-rel-item:nth-child(n+5){ display:none; }
/* FIX: Expanded must override show-X nth-child hiding */
.nm-ajax-related.nm-expanded.nm-show-1 .nm-rel-item:nth-child(n+2),
.nm-ajax-related.nm-expanded.nm-show-2 .nm-rel-item:nth-child(n+3),
.nm-ajax-related.nm-expanded.nm-show-3 .nm-rel-item:nth-child(n+4),
.nm-ajax-related.nm-expanded.nm-show-4 .nm-rel-item:nth-child(n+5){
display:flex !important;
}
.nm-ajax-related.nm-expanded .nm-rel-item{ display:flex; }
.nm-ajax-related .nm-chip-toggle{
margin-top:8px;
background:transparent;
border:0;
padding:0;
cursor:pointer;
color:#0087d1;
font-weight:500;
float:right;
text-transform:none;
}
/* Mobile keep PC layout */
@media (max-width:1024px){
.nm-ajax-related .nm-rel-left{ flex:0 0 86px; max-width:86px; }
.nm-ajax-related .nm-rel-img{ width:86px; height:64px; }
}
@media (max-width:1024px){
/* Без переноса строк */
.nm-ajax-related .nm-rel-item{
flex-wrap: wrap;
}
/* Текст — обычная ширина */
.nm-ajax-related .nm-rel-mid{
flex: 1 1 calc(100% - 98px); /* 86 + 12 */
max-width: calc(100% - 98px);
}
/* Цена и корзина — справа, в строке */
.nm-ajax-related .nm-rel-right{
flex: 0 0 100%;
justify-content: flex-end;
margin-top: 0;
}
.nm-ajax-related .nm-rel-img{
width:90px;
height:80px;
}
}
/* =========================================================
NM: Product notice block (legal recommendation text)
Цвет текста + нижняя пунктирная граница
========================================================= */
.nm-product-notice {
border-bottom: 1px dotted #e5e5e5;
padding-bottom: 12px;
margin-bottom: 20px;
}
.nm-product-notice p {
color: #9a9ba5 !important;
font-size: 14px;
line-height: 1.6;
margin: 0;
text-align: justify;
}
/* =========================================================
NEOMEDREM: SIDEBAR FILTERS — UNIFIED STYLE (WoodMart)
Scope: ONLY inside .nm-sidebar
========================================================= */
/* ---------- 0) Sidebar base ---------- */
.nm-sidebar{
background:#fff;
box-shadow:3px 4px 10px rgba(0,0,0,.10);
border:none;
position:relative;
}
.nm-sidebar .nm-sidebar-top,
.nm-sidebar .nm-sidebar-widgets{
background:#fff;
}
/* Убираем лишние паддинги Elementor внутри сайдбара */
.nm-sidebar .elementor-widget-container{
padding:0 !important;
}
/* ---------- 1) TOP BAR: переключатель вида + зона под "Фильтры" ---------- */
.nm-sidebar .nm-sidebar-top{
margin:0;
padding:0;
border-bottom:1px solid #ededed;
}
.nm-sidebar .nm-sidebar-top .wd-products-shop-view{
display:flex;
align-items:center;
gap:6px;
padding:11px 16px;
margin:0 !important;
width:100%;
background:#fff;
}
/* гасим старые псевдо-элементы */
.nm-sidebar .nm-sidebar-top .wd-products-shop-view::before,
.nm-sidebar .nm-sidebar-top .wd-products-shop-view::after{
content:none !important;
}
/* Иконки list/grid */
.nm-sidebar .nm-sidebar-top .wd-products-shop-view a.shop-view{
width:20px;
height:20px;
border:none !important;
border-radius:0 !important;
background:transparent !important;
opacity:.6;
position:relative;
}
.nm-sidebar .nm-sidebar-top .wd-products-shop-view a.shop-view.active,
.nm-sidebar .nm-sidebar-top .wd-products-shop-view a.shop-view[aria-current="page"]{
opacity:1;
}
/* ---------- 2) Widgets wrapper ---------- */
.nm-sidebar .nm-sidebar-widgets{
padding:0 15px;
font-size:13px;
}
/* ВАЖНО: у WoodMart виджеты = .widget, не .sidebar-widget */
.nm-sidebar .nm-sidebar-widgets .widget{
margin:0 !important;
padding:0;
border-top:0 !important;
border-bottom:none !important;
box-shadow:none !important;
border-radius:0 !important;
background:#fff !important;
}
.nm-sidebar .nm-sidebar-widgets .widget + .widget{
border-top:1px solid #e8e8e8 !important; /* добавили только начиная со второго виджета */
}
/* ---------- 3) Widget titles (h5.widget-title) ---------- */
.nm-sidebar .nm-sidebar-widgets .widget-title{
margin:15px 0 !important;
font-size:13px !important;
font-weight:600 !important;
color:#243746 !important;
line-height:1.1 !important;
cursor:pointer;
position:relative;
text-transform:none !important;
letter-spacing:0 !important;
}
/* У WoodMart стрелка часто через :after — оставляем родную, но приводим к виду */
.nm-sidebar .nm-sidebar-widgets .wd-widget-collapse .widget-title:after{
font-size:13px !important;
color:#243746 !important;
opacity:.7;
}
.nm-filters-icon{
width:14px;
height:14px;
background:#0087d1;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18l-7 8v5l-4 2v-7z'/%3E%3C/svg%3E") no-repeat center;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18l-7 8v5l-4 2v-7z'/%3E%3C/svg%3E") no-repeat center;
}
/* ---------- 4) Widget content spacing ---------- */
.nm-sidebar .nm-sidebar-widgets .widget .widget-content,
.nm-sidebar .nm-sidebar-widgets .widget form,
.nm-sidebar .nm-sidebar-widgets .widget ul{
margin:0 0 15px 0;
}
/* ---------- 5) Links / list rows (унификация) ---------- */
.nm-sidebar .nm-sidebar-widgets .widget a{
color:#243746;
font-size:13px;
line-height:18px;
}
.nm-sidebar .nm-sidebar-widgets .widget a:hover{
text-decoration:none;
}
/* Убираем “лишние подчеркивания/линии” если тема добавляет */
.nm-sidebar .nm-sidebar-widgets .widget a,
.nm-sidebar .nm-sidebar-widgets .widget a:before,
.nm-sidebar .nm-sidebar-widgets .widget a:after{
box-shadow:none !important;
}
/* ---------- 6) Layered nav (обычные фильтры списком) ---------- */
.nm-sidebar .nm-sidebar-widgets .widget_layered_nav ul,
.nm-sidebar .nm-sidebar-widgets .woodmart-woocommerce-layered-nav ul{
margin:0 0 15px 0;
padding:0;
}
.nm-sidebar .nm-sidebar-widgets .widget_layered_nav li,
.nm-sidebar .nm-sidebar-widgets .woodmart-woocommerce-layered-nav li{
list-style:none;
margin: 0;
}
/* count справа */
.nm-sidebar .nm-sidebar-widgets .widget_layered_nav .count,
.nm-sidebar .nm-sidebar-widgets .woodmart-woocommerce-layered-nav .count{
margin-left:auto;
color:#9aa3aa;
font-size:13px;
padding-left:6px;
flex-shrink:0;
}
/* ---------- 7) Stock status widget ---------- */
.nm-sidebar .nm-sidebar-widgets .wd-widget-stock-status ul{
margin:0 0 15px 0;
padding:0;
}
.nm-sidebar .nm-sidebar-widgets .wd-widget-stock-status li{
list-style:none;
margin:6px 0;
}
.nm-sidebar .nm-sidebar-widgets .wd-widget-stock-status li a{
display:inline-flex;
align-items:center;
gap:8px;
}
/* ---------- 8) Disabled items ---------- */
.nm-sidebar .nm-sidebar-widgets li.disabled a,
.nm-sidebar .nm-sidebar-widgets li.disabled{
color:#c9cacf !important;
}
/* ---------- 9) “Всегда развернуты” (только внутри nm-sidebar!) ---------- */
.nm-sidebar .widget.wd-widget-collapsed .widget-content{
display:block !important;
}
.nm-sidebar .widget.wd-widget-collapsed{
overflow:visible;
}
/* =========================================================
NEOMEDREM: DROPDOWN / SELECT2 (WoodMart layered nav dropdown)
========================================================= */
.nm-sidebar .wd-widget-layered-nav-dropdown-form{
margin:0 0 15px 0;
}
.nm-sidebar .select2-container{
width:100% !important;
}
.nm-sidebar .select2-container--default .select2-selection--multiple,
.nm-sidebar .select2-container--default .select2-selection--single{
min-height: 30px;
border: 1px solid #e8e8e8 !important;
border-radius: 4px !important;
background: #fff !important;
padding: 6px 8px !important;
box-shadow: none !important;
}
/* placeholder/текст выбранного */
.nm-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered{
padding:0 !important;
line-height:28px !important;
font-size:13px !important;
color:#243746 !important;
text-transform:none; /* Первая заглавная */
}
/* мультиселект */
.nm-sidebar .select2-container--default .select2-selection--multiple .select2-selection__rendered{
margin:0 !important;
padding:0 !important;
}
.nm-sidebar .select2-container--default .select2-selection--multiple .select2-selection__choice{
border:0 !important;
border-radius:999px !important;
background:#f3f5f7 !important;
color:#243746 !important;
font-size:13px !important;
line-height:18px !important;
padding:3px 8px !important;
margin:4px 6px 0 0 !important;
}
.nm-sidebar .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
margin-right:6px;
color:#9aa3aa !important;
}
/* поле поиска внутри select2 */
.nm-sidebar .select2-container--default .select2-search--inline .select2-search__field{
font-size:13px !important;
line-height:18px !important;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
margin-top: 0 !important;
}
/* КНОПКА "Применить" */
.nm-sidebar .wd-widget-layered-nav-dropdown__submit{
width:100%;
height:38px;
border-radius:4px;
font-size:13px;
font-weight:500;
border:0;
cursor:pointer;
}
/* Выпадающий список select2 (options) */
.nm-sidebar .select2-dropdown{
border:1px solid #e8e8e8 !important;
border-radius:4px !important;
overflow:hidden;
font-size:13px;
}
.nm-sidebar .select2-results__option{
font-size:13px !important;
line-height:18px !important;
padding:10px 12px !important;
color:#243746 !important;
text-transform:none; /* Первая буква заглавная */
}
/* hover/active option */
.nm-sidebar .select2-container--default .select2-results__option--highlighted[aria-selected]{
background:#0087d1;
color:#fff;
}
/* =========================================================
NM PATCH: dropdown align + remove jump
========================================================= */
/* 1) Убрать border-top у первого виджета (у тебя top уже рисует линию) */
.nm-sidebar .nm-sidebar-widgets .widget:first-child{
border-top:0 !important;
}
/* 2) NM: убираем дерганье только у контейнеров раскрытия */
.nm-sidebar .wd-widget-collapse,
.nm-sidebar .wd-widget-collapse .widget-content{
transition:none !important;
animation:none !important;
}
/* 3) Если где-то тема дергает transform (часто из-за sticky/opt) — гасим для select2 */
.nm-sidebar .select2-container,
.nm-sidebar .select2-dropdown{
transform:none !important;
}
/* 4) Поле select2: фиксируем высоту и убираем изменение геометрии при open */
.nm-sidebar .select2-container--default .select2-selection--single,
.nm-sidebar .select2-container--default .select2-selection--multiple{
min-height:30px !important;
}
.nm-sidebar .select2-container--default .select2-selection--single{
padding:0 8px !important;
}
.nm-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:30px !important;
font-size:13px !important;
font-weight:500 !important;
}
/* 5) Подтянуть кнопку к полю + фирменные цвета */
.nm-sidebar .wd-widget-layered-nav-dropdown-form{
display:flex;
flex-direction:column;
gap:8px; /* компактнее */
margin:0 0 15px 0;
}
/* 6) Dropdown: прижать к полю, убрать лишний отступ сверху */
.nm-sidebar .select2-container--open .select2-dropdown{
margin-top:2px !important; /* "подтянуть" */
}
/* 7) Dropdown: единый стиль, компактнее gap/высота строк */
.nm-sidebar .select2-dropdown{
border-radius:4px !important;
border:1px solid #e8e8e8 !important;
overflow:hidden !important;
}
.nm-sidebar .select2-results__option{
padding:8px 10px !important; /* компактнее */
font-size:13px !important;
font-weight:500 !important;
line-height:18px !important;
}
/* 8) Активный/hover option: фирменный цвет */
.nm-sidebar .select2-container--default .select2-results__option--highlighted[aria-selected]{
background:#0087d1 !important;
color:#fff !important;
}
/* 9) Селект “above/open” иногда добавляет лишние отступы/границы — стабилизируем */
.nm-sidebar .select2-container--default.select2-container--open
.select2-selection--single,
.nm-sidebar .select2-container--default.select2-container--open
.select2-selection--multiple{
border-color:#e8e8e8 !important;
box-shadow:none !important;
}
/* 10) Если список "прыгает" из-за overflow у контейнера виджета */
.nm-sidebar .widget-content{
overflow:visible !important;
}
/* =========================================================
NEOMEDREM: TOP "Фильтры" BAR (если вставляешь HTML рядом)
========================================================= */
.nm-sidebar .nm-filters-bar{
display:flex;
align-items:center;
justify-content:flex-end;
gap:14px;
padding:11px 16px;
}
/* Текст "Фильтры" */
.nm-sidebar .nm-filters-title{
display:inline-flex;
align-items:center;
gap:8px;
font-size:13px;
font-weight:600;
color:#243746;
white-space:nowrap;
}
/* Иконка (если будет) */
.nm-sidebar .nm-filters-icon{
width:14px;
height:14px;
display:inline-block;
}
/* Кнопки на будущее — ПОКА скрыть */
.nm-sidebar .nm-filters-actions{
display:none; /* включишь потом */
}
/* =========================================================
NM — Сортировка каталога (nm-cat-sort)
13px / 500 / без underline / ровное выравнивание
========================================================= */
/* Контейнер */
.nm-cat-sort select.orderby{
font-size: 13px !important;
font-weight: 500 !important;
color: #333;
height: 30px;
line-height: 30px;
padding: 0 20px 0 2px !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
background-color: transparent;
/* убираем нативный вид */
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
/* кастомная стрелка */
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 6px center;
background-size: 10px 6px;
}
/* Текст "Сортировать:" */
.nm-cat-sort p{
margin: 0;
font-size: 13px;
font-weight: 500;
}
/* Форма сортировки */
.nm-cat-sort .woocommerce-ordering{
margin: 0;
border: 0 !important;
box-shadow: none !important;
}
/* Select сортировки */
.nm-cat-sort select.orderby{
font-size: 13px !important;
font-weight: 500 !important;
border: none !important;
border-bottom: none !important;
box-shadow: none !important;
outline: none !important;
background: transparent;
height: 30px;
line-height: 30px;
padding: 0 18px 0 2px !important;
}
/* Убираем underline-стиль WoodMart полностью */
.nm-cat-sort .wd-style-underline,
.nm-cat-sort .wd-style-underline:before,
.nm-cat-sort .wd-style-underline:after{
border: 0 !important;
box-shadow: none !important;
background: none !important;
display: block;
content: none;
}
/* ===== NM: стрелка у сортировки ===== */
.nm-cat-sort select.orderby{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 4px center;
background-size: 10px 6px;
padding-right: 20px !important;
}
/* =========================================================
NM — Сортировка каталога (nm-catalog-sort)
13px / 500 / без underline / ровное выравнивание
========================================================= */
/* Контейнер */
.nm-catalog-sort select.orderby{
font-size: 13px !important;
font-weight: 500 !important;
color: #333;
height: 30px;
line-height: 30px;
padding: 0 20px 0 2px !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
background-color: transparent;
/* убираем нативный вид */
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
/* кастомная стрелка */
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 6px center;
background-size: 10px 6px;
}
/* Текст "Сортировать:" */
.nm-catalog-sort p{
margin: 0;
font-size: 13px;
font-weight: 500;
}
/* Форма сортировки */
.nm-catalog-sort .woocommerce-ordering{
margin: 0;
border: 0 !important;
box-shadow: none !important;
}
/* Select сортировки */
.nm-catalog-sort select.orderby{
font-size: 13px !important;
font-weight: 500 !important;
border: none !important;
border-bottom: none !important;
box-shadow: none !important;
outline: none !important;
background: transparent;
height: 30px;
line-height: 30px;
padding: 0 18px 0 2px !important;
}
/* Убираем underline-стиль WoodMart полностью */
.nm-catalog-sort .wd-style-underline,
.nm-catalog-sort .wd-style-underline:before,
.nm-catalog-sort .wd-style-underline:after{
border: 0 !important;
box-shadow: none !important;
background: none !important;
display: block;
content: none;
}
/* ===== NM: стрелка у сортировки ===== */
.nm-catalog-sort select.orderby{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 4px center;
background-size: 10px 6px;
padding-right: 20px !important;
}
/* КОМПАКТНЫЙ БЛОК КОЛИЧЕСТВА ДЛЯ КАРТОЧЕК ТОВАРА */
.products .quantity {
display: flex;
align-items: center;
justify-content: center;
}
.products .quantity input[type="button"] {
width: 15px;
min-width: 15px;
max-width: 15px;
padding: 0;
}
.products .quantity input[type="number"] {
width: 20px;
min-width: 20px;
max-width: 20px;
padding: 0;
text-align: center;
}
.product-delivery-link {
display: flex;
justify-content: space-between;
list-style: none;
}
.product-delivery-link-li {
display: block;
padding: 0;
text-transform: none !important;
}
.product-delivery-link-li a {
display: inline-block;
border-bottom: 1px dashed #0087d1;
font-size: 14px;
font-weight: 500;
color: #0087d1;
cursor: pointer;
text-transform: none !important;
}
.woocommerce-product-details__short-description li::marker {
color: #0087D1;
font-size: 11px;
}
/* SINGLE PRODUCT — вернуть архивный стиль loop-карточек */
.single-product .elementor-widget-wd_products .wd-product-wrapper { box-shadow: var(--wd-prod-shadow); }
.single-product .elementor-widget-wd_products .wd-product-wrap, .single-product .elementor-widget-wd_products .wd-cat-wrap { background-color: var(--wd-prod-bg); }
.elementor-widget-wd_archive_products .wd-product-wrapper {
background: #ffffff;
border: 1px solid #e9eef5;
border-radius: 8px;
padding: 22px 18px 20px;
overflow: hidden;
height: 100%;
gap: 10px;
box-shadow:
3px 4px 10px rgba(15, 23, 42, 0.10),
0 1px 3px rgba(15, 23, 42, 0.06);
transition:
box-shadow 0.25s ease,
border-color 0.25s ease;
}
.elementor-widget-wd_archive_products .wd-product:hover .wd-product-wrapper {
border-color: #0087d1;
box-shadow:
0 12px 18px rgba(15, 23, 42, 0.18),
0 6px 8px rgba(15, 23, 42, 0.10);
}
/* ============================
NM: Кнопка Загрузить ещё
============================ */
.wd-load-more.wd-products-load-more {
font-family: 'Manrope', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #0087D1 !important;
background: transparent !important;
border: 1.5px solid #0087D1 !important;
border-radius: 8px !important;
padding: 12px 32px !important;
letter-spacing: .02em !important;
transition: background .2s, color .2s, box-shadow .2s !important;
box-shadow: none !important;
text-transform: none !important;
}
.wd-load-more.wd-products-load-more:hover {
background: #0087D1 !important;
color: #fff !important;
box-shadow: 0 4px 16px rgba(0, 135, 209, .25) !important;
}
/* Состояние загрузки */
.wd-load-more.wd-load-more-loader {
font-family: 'Manrope', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #94a3b8 !important;
background: transparent !important;
border: 1.5px solid #e2e8f0 !important;
border-radius: 8px !important;
padding: 12px 32px !important;
box-shadow: none !important;
text-transform: capitalize !important;
}