/* НЕОМЕДРЕМ, старый сайт (storksystem): лёгкое оформление существующих страниц. Референс — DESIGN-SPEC.md / neomedrem-refresh.css;
   селекторы сопоставлены с реальной темой (#header-first, #header-second, .nav-head, .sb, .shop_grid, .scat_grid, #getcall…).
   Только шрифт, контраст, отступы, рамки, карточки, кнопки, фокус и мобильное отображение. Структура, URL, данные, формы не меняются.
   Подключается ПОСЛЕ стилей темы. Шрифт Onest — по возможности самостоятельным файлом (без внешних запросов); без него — системный стек. */
:root{
  --nm-brand:#159cd4; --nm-brand-dark:#0b6f99; --nm-brand-tint:#eaf6fb; --nm-ink:#0f2a3d;
  --nm-text:#1c2f3c; --nm-text2:#3d5565; --nm-muted:#5b7080; --nm-line:#e1e9ee; --nm-line-soft:#eef3f6; --nm-bg:#f3f6f8;
  --nm-wa:#12803b;         /* WhatsApp: белый текст ≥ 4,5:1 */
  --nm-btn:#0b6f99;        /* фон кнопок и меню с белым текстом обычного размера: ≥ 4,5:1 */
  --nm-btn-active:#08587a;
}
body{font-family:'Onest',system-ui,-apple-system,'Segoe UI','Roboto',Arial,sans-serif;font-size:15px;line-height:1.55;color:var(--nm-text);background:var(--nm-bg)}
#container{background:var(--nm-bg)}
a{color:var(--nm-brand-dark)}
a:hover{color:var(--nm-brand);text-decoration:none}
h1,h2,h3{color:var(--nm-ink)}
h1,.post-title,.page-title,.archive-title{font-size:26px;line-height:1.25;text-transform:none;font-weight:700}

/* шапка и меню */
#header-first{background:#fff;border-bottom:1px solid var(--nm-line)}
.headercontact p,.headercontact a{font-size:13px;color:var(--nm-muted)}
.nav-head{background:var(--nm-btn)}
.nav-head ul li a{font-family:inherit;font-weight:600;font-size:14px;letter-spacing:.02em;padding:12px 16px}
.nav-head ul li a,.nav-head ul li a:visited{color:#fff}
.nav-head ul li a:hover,.nav-head .active_menu,.nav-head ul .current_menu_item{background:var(--nm-btn-active)}
.nav-head ul ul a,.nav-head ul.sub-menu li{background:var(--nm-ink)}
.nav-head ul li ul li a:hover,.nav-head ul.sub-menu li:hover{background:var(--nm-btn-active)}
#uptocall-mini,#uptocall-mini .uptocall-mini-phone{border-radius:8px}
#uptocall-mini .uptocall-mini-phone{background:var(--nm-btn);color:#fff}
#uptocall-mini .uptocall-mini-text{color:#fff}

/* хлебные крошки */
.breadcrumb{border-color:var(--nm-line);border-radius:8px;background:#fff;font-weight:500;font-size:13px;color:var(--nm-muted)}
.breadcrumb a{color:var(--nm-brand-dark);border-right-color:var(--nm-line)}
.breadcrumb a:hover{background:var(--nm-brand);color:#fff}

/* левая колонка */
.sb .widgettitle{background:var(--nm-ink);border-bottom:0;border-radius:10px 10px 0 0;font:600 14px/18px inherit;font-family:inherit;padding:12px 18px}
.sb .widget{background:#fff;border:1px solid var(--nm-line);border-radius:10px;padding:0 0 6px;overflow:hidden}
.sb .mli>a,.sb .mli a{color:var(--nm-text);font-size:14px;font-weight:500}
.sb .mli{border-bottom:1px solid var(--nm-line-soft)}
.sb .mli a:hover{color:var(--nm-brand)}

/* карточки товаров и плитки категорий */
.shop_grid,.scat_grid{background:#fff;border:1px solid var(--nm-line);border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.shop_grid:hover,.scat_grid:hover{border-color:var(--nm-brand);box-shadow:0 8px 24px -12px rgba(15,42,61,.3)}
.shop_grid a,.scat_grid a{color:var(--nm-text);font-weight:600}
.shop_grid_img img,.scat_grid_img img{max-width:100%;height:auto}

/* карточка товара */
.product-title,.inner_product_title{color:var(--nm-ink)}
#getcall{background:var(--nm-btn);color:#fff;border-radius:8px;width:auto;min-width:160px;padding:12px 24px;font-weight:600;font-size:15px}
#getcall:hover{background:var(--nm-btn-active)}
.nm_btn_wrap a{border-radius:8px;font-weight:600;background:var(--nm-wa);color:#fff}
.nm_btn_wrap a:hover{background:#0e6a31;color:#fff}
.wptab .selected,.wptab .selected a,.wptab li.selected{background:var(--nm-btn);color:#fff}
.scat_grid,.scat_grid a,.scat_grid p,.scat_grid span,.precat,.precat p,a.precat{color:var(--nm-text2)}
#whatsapp_btn,.nm_btn_wrap #whatsapp_btn{background:var(--nm-wa);color:#fff}
#whatsapp_btn:hover{background:#0e6a31;color:#fff}
.wptab li a.selected,#tabs .wptab a.selected{background:var(--nm-btn);color:#fff}
.wptab,.tblist{border-color:var(--nm-line)}
.tblist table,.list table{border-collapse:collapse;width:100%}
.tblist td,.list td{padding:10px 14px;border-bottom:1px solid var(--nm-line-soft);font-size:14px}
.tblist tr:nth-child(even) td,.list tr:nth-child(even) td{background:#f7fafc}
.nm-variant{background:var(--nm-brand-tint);border:1px solid var(--nm-line);border-radius:10px;padding:12px 16px}
.nm-variant label{display:block;padding:4px 0}

/* контраст: правила темы сильнее по специфичности — точечные !important только для этих элементов */
.finul a,.inli a,.sb .inli a{color:#3d5565!important}
.shop_grid.precat p,.shop_grid.precat a,#content a.precat p{color:#3d5565!important}
#tabs .wptab li a.selected,.wptab li a.selected,.wptab a.selected{background:#0b6f99!important;color:#fff!important}

/* футер */
footer,#footer{background:var(--nm-ink);color:#cfe3ee}
footer a,#footer a{color:#cfe3ee}

/* доступность: фокус с клавиатуры и контраст */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,#getcall:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffb400;outline-offset:2px}

/* телефон: без переполнения по ширине, читаемые отступы */
@media (max-width:760px){
  body{font-size:15px}
  img{max-width:100%;height:auto}
  #main-content,#container{padding-left:12px;padding-right:12px}
  h1,.post-title,.page-title,.archive-title{font-size:22px}
  .shop_grid,.scat_grid{min-width:0;width:100%;margin:10px 0}
  .nav-head ul li a{padding:10px 12px}
  #getcall{display:block;width:100%}
  table{display:block;overflow-x:auto}
}