/* =====================================================================
   wautomation.ru — редизайн 2026. Стилевой слой дочерней темы Woodmart.
   Подключается последним (functions.php). Правила: только внешний вид,
   тексты/теги/URL не трогаем; капс убираем через CSS.
   ===================================================================== */

/* ---------- Шрифт: Golos Text (OFL), локально, переменный 400–700 ---------- */
@font-face {
  font-family: "Golos";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/golos-text-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Golos";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/golos-text-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- Токены ---------- */
:root {
  --wa-accent: #9c4ea2;
  --wa-accent-dark: #7a3c80;
  --wa-accent-soft: #cf9bd3;
  --wa-accent-tint: #f6eef7;
  --wa-dark: #16151c;
  --wa-dark-2: #1f1e27;
  --wa-text: #1b1a20;
  --wa-muted: #625f6c;
  --wa-line: #e4e2e9;
  --wa-bg-soft: #f4f3f6;
  --wa-card: #f3f2f7;        /* подложка карточек на белом (рамок не используем) */
  --wa-card-2: #ebe9f1;      /* подложка при наведении */
  --wa-r-btn: 8px;
  --wa-r-card: 14px;
  --wa-ease: cubic-bezier(.16, 1, .3, 1);
}

/* ---------- База ---------- */
body {
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0;
}
/* Woodmart добавляет letter-spacing/uppercase на многих элементах — снимаем глобально там, где это капс из настроек */
.wd-nav > li > a,
.menu-opener,
.wd-header-text,
.wd-tools-text,
.wd-info-box .info-box-inner,
.whb-header .btn {
  text-transform: none;
  letter-spacing: 0;
}

/* Кнопки темы: радиус и без капса */
.btn, .button, button.button, input[type="submit"], .wd-open-popup {
  border-radius: var(--wa-r-btn);
  text-transform: none;
  letter-spacing: 0;
  font-weight: 600;
}

/* =====================================================================
   Шапка (ТЗ 4.2): макет header_wa2026 — scripts/header-build.php, шорткоды inc/header.php.
   Две тёмные полосы над первым экраном; без линий, без рамок.
   ===================================================================== */
.whb-header { position: relative; z-index: 300; }
.whb-header .container { padding-inline: 0; } /* края = первому экрану (80…1360 на 1440) */
.whb-header .wd-nav > li > a { white-space: nowrap; }

/* Верхняя полоса: инфостраницы слева, контакты и мессенджеры справа */
.whb-top-bar { font-size: 13.5px; }
.whb-top-bar .wd-nav-secondary > li > a {
  font-size: 13.5px; font-weight: 500; color: rgba(255,255,255,.62); padding-inline: 11px; transition: color .15s;
}
.whb-top-bar .wd-nav-secondary > li:first-child > a { padding-left: 0; }
.whb-top-bar .wd-nav-secondary > li > a:hover,
.whb-top-bar .wd-nav-secondary > li.current-menu-item > a { color: #fff; }
.whb-top-bar .wd-header-text { font-size: 14.5px; }

.wa-hc { display: flex; align-items: center; gap: 24px; font-size: 14.5px; }
.wa-hc__item {
  display: inline-flex; align-items: center; gap: 7px; color: rgba(255,255,255,.78); font-weight: 500;
  font-variant-numeric: tabular-nums; transition: color .15s;
}
.wa-hc__item:hover { color: #fff; }
.wa-hc__icon { display: inline-flex; width: 17px; height: 17px; color: var(--wa-accent-soft); }
.wa-hc__icon svg { width: 100%; height: 100%; }
.wa-hc__social { display: inline-flex; align-items: center; gap: 6px; margin-left: 4px; }
.wa-hc__soc {
  display: inline-flex; align-items: center; justify-content: center; height: 28px; width: 28px;
  border-radius: 7px; background: rgba(255,255,255,.08); color: rgba(255,255,255,.85); transition: background .15s, color .15s;
}
.wa-hc__soc svg { width: 16px; height: 16px; }
.wa-hc__soc:hover { background: var(--wa-accent); color: #fff; }
.wa-hc__max {
  display: block; width: 17px; height: 17px; background: currentColor;
  -webkit-mask: url("../img/header/max.svg") center / contain no-repeat; mask: url("../img/header/max.svg") center / contain no-repeat;
}

/* Основной ряд: логотип, меню разделов, инструменты, кнопка */
.wa-logo { display: inline-flex; align-items: center; height: 40px; }
.wa-logo img { height: 100%; width: auto; max-width: none; transition: height .2s; }
.wa-logo__dark { display: none; }
.whb-general-header .whb-col-center { flex: 1 1 auto; justify-content: flex-start; }
.whb-general-header .wd-header-main-nav { margin-left: 36px; }
.whb-general-header .wd-nav-main > li > a {
  font-size: 15px; font-weight: 500; color: rgba(255,255,255,.88); padding-inline: 12px; transition: color .15s;
}
.whb-general-header .wd-nav-main > li > a:hover,
.whb-general-header .wd-nav-main > li.current-menu-item > a,
.whb-general-header .wd-nav-main > li.current-menu-ancestor > a { color: #fff; }
.whb-general-header .wd-nav-main > li > a .nav-link-text::after {
  content: ""; display: block; height: 2px; margin-top: 3px; background: var(--wa-accent-soft);
  transform: scaleX(0); transform-origin: left; transition: transform .22s var(--wa-ease);
}
.whb-general-header .wd-nav-main > li > a:hover .nav-link-text::after,
.whb-general-header .wd-nav-main > li.current-menu-item > a .nav-link-text::after,
.whb-general-header .wd-nav-main > li.current-menu-ancestor > a .nav-link-text::after { transform: scaleX(1); }

.whb-general-header .whb-col-right { gap: 0; }
.whb-general-header .wd-tools-element > a { color: rgba(255,255,255,.88); padding-inline: 9px; transition: color .15s; }
.whb-general-header .wd-tools-element > a:hover { color: #fff; }
.whb-general-header .wd-tools-count { background: var(--wa-accent); color: #fff; font-weight: 700; }
.whb-general-header .wd-header-cart .wd-cart-subtotal { font-weight: 600; font-size: 14px; color: #fff; }

/* Кнопка «Рассчитать шкаф» — открывает попап из HTML-блока 7090; собственная кнопка блока скрыта */
.whb-general-header .wa-cta-wrap { margin-left: 14px; }
.wa-header-btn,
.whb-general-header .wa-header-btn {
  height: 44px; padding: 0 22px; display: inline-flex; align-items: center; font-size: 15px; font-weight: 600;
  background: var(--wa-accent); color: #fff; border-radius: var(--wa-r-btn); transition: background .18s;
}
.wa-header-btn:hover, .whb-general-header .wa-header-btn:hover { background: var(--wa-accent-dark); color: #fff; }
.whb-general-header .wd-header-html { display: contents; } /* блок нужен только ради попапа #header-123 */
.whb-general-header .wd-header-html .wd-button-wrapper { display: none; }

/* Поиск-дропдаун и другие выпадашки: без рамок, тень */
.whb-general-header .wd-search-dropdown { box-shadow: 0 24px 48px -20px rgba(20,18,28,.5); }

/* Тёмная схема (body.wa-header-dark — главная и тёмный каталог): шапка без своей подложки, лежит поверх фото
   первого экрана / блока-заголовка (фон и так тёмный). В sticky-состоянии — тёмная заливка рядов. */
body.wa-header-dark:not(.wa-product) .whb-header:not(.whb-sticked) .whb-row { background-color: transparent; }
body.wa-header-dark:not(.wa-product) .whb-header { height: 0; padding-top: 0 !important; }   /* шапка не занимает место… */
body.wa-header-dark:not(.wa-product) .whb-header:not(.whb-sticked) .whb-main-header { position: absolute; }     /* …и лежит поверх первого экрана (как в Woodmart overlap) */
body.home .wa-hero__inner { padding-top: calc(72px + var(--wd-header-h)); }
@media (max-width: 1024px) {
  body.home .wa-hero__inner { padding-top: calc(44px + var(--wd-header-sm-h)); }
}

/* Светлая схема (body.wa-header-light — все страницы, кроме главной): белая шапка, цветной логотип.
   Woodmart красит иконки по color_scheme ряда (light) — перебиваем. */
body.wa-header-light .whb-top-bar { background-color: var(--wa-bg-soft); }
body.wa-header-light .whb-general-header { background-color: #fff; }
body.wa-header-light .whb-top-bar .wd-nav-secondary > li > a { color: var(--wa-muted); }
body.wa-header-light .whb-top-bar .wd-nav-secondary > li > a:hover,
body.wa-header-light .whb-top-bar .wd-nav-secondary > li.current-menu-item > a { color: var(--wa-text); }
body.wa-header-light .wa-hc__item { color: var(--wa-text); }
body.wa-header-light .wa-hc__item:hover { color: var(--wa-accent); }
body.wa-header-light .wa-hc__icon { color: var(--wa-accent); }
body.wa-header-light .wa-hc__soc { background: #e9e6ee; color: var(--wa-text); }
body.wa-header-light .wa-hc__soc:hover { background: var(--wa-accent); color: #fff; }
body.wa-header-light .wa-logo__light { display: none; }
body.wa-header-light .wa-logo__dark { display: block; }
body.wa-header-light .whb-general-header .wd-nav-main > li > a { color: var(--wa-text); }
body.wa-header-light .whb-general-header .wd-nav-main > li > a:hover,
body.wa-header-light .whb-general-header .wd-nav-main > li.current-menu-item > a,
body.wa-header-light .whb-general-header .wd-nav-main > li.current-menu-ancestor > a { color: var(--wa-accent); }
body.wa-header-light .whb-general-header .wd-nav-main > li > a .nav-link-text::after { background: var(--wa-accent); }
body.wa-header-light .whb-general-header .wd-tools-element > a { color: var(--wa-text); }
body.wa-header-light .whb-general-header .wd-tools-element > a:hover { color: var(--wa-accent); }
body.wa-header-light .whb-general-header .wd-header-cart .wd-cart-subtotal { color: var(--wa-text); }
body.wa-header-light .whb-general-header .wd-header-mobile-nav > a { color: var(--wa-text); }
body.wa-header-light .whb-header { box-shadow: 0 14px 30px -26px rgba(27,26,32,.35); }
body.wa-header-light.whb-sticked .whb-general-header,
body.wa-header-light .whb-sticked .whb-general-header { box-shadow: 0 8px 24px -16px rgba(20,18,28,.35); }

/* Sticky: тот же ряд, тень вместо линии */
.whb-sticked .whb-general-header { box-shadow: 0 10px 30px -18px rgba(0,0,0,.6); }
.whb-sticked .whb-general-header .wa-logo { height: 34px; }

/* Мобильная шапка */
.whb-general-header .wd-header-mobile-nav .wd-tools-text { display: none; }
@media (max-width: 1024px) {
  .whb-header .container { padding-inline: 20px; } /* как у первого экрана на мобильном */
  .wa-logo { height: 32px; }
}

/* =====================================================================
   Первый экран [wa_hero]
   ===================================================================== */
/* Главная: первый экран вплотную к шапке (у Woodmart у контента отступ 40px сверху) */
body.home main.wd-content-layout { padding-top: 0; }
body.home main.wd-content-layout > .wpb-content-wrapper > .vc_row:nth-child(2) { padding-top: 56px; }
.wa-hero {
  position: relative; isolation: isolate; overflow: hidden;
  background: var(--wa-dark); color: #f3f1f6;
  margin-top: 0;
}
.wa-hero__bg { position: absolute; inset: 0; z-index: -2; }
.wa-hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .62; }
/* затемнение: слева плотнее (под текст), справа мягкий бренд-свет за шкафом */
.wa-hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    radial-gradient(60% 80% at 78% 45%, color-mix(in srgb, var(--wa-accent) 28%, transparent), transparent 70%),
    linear-gradient(90deg, rgba(22,21,28,.96) 0%, rgba(22,21,28,.84) 45%, rgba(22,21,28,.52) 100%);
}
.wa-hero__inner {
  width: min(var(--wd-container-w, 1280px), 100% - 40px); margin-inline: auto;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); gap: 40px; align-items: center;
  padding-block: 72px; min-height: 640px;
}
.wa-hero__copy { max-width: 600px; }
.wa-hero__kicker {
  margin: 0 0 22px; font-size: 13.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--wa-accent-soft);
}
.wa-hero__title {
  margin: 0 0 22px; font-size: clamp(36px, 4.2vw, 56px); line-height: 1.06; font-weight: 700; letter-spacing: -.02em; color: #fff; text-wrap: balance;
}
.wa-hero__title em { font-style: normal; color: var(--wa-accent-soft); }
.wa-hero__lead { margin: 0 0 32px; font-size: 18px; line-height: 1.55; color: #b6b1c2; max-width: 52ch; }
.wa-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 48px; }

.wa-btn {
  display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 24px; border-radius: var(--wa-r-btn);
  font-size: 16px; font-weight: 600; line-height: 1; border: 0; white-space: nowrap; cursor: pointer;
  transition: background .18s var(--wa-ease), color .18s, transform .18s var(--wa-ease);
}
.wa-btn:active { transform: translateY(1px); }
.wa-btn:focus-visible { outline: 2px solid var(--wa-accent-soft); outline-offset: 3px; }
.wa-btn--primary { background: var(--wa-accent); color: #fff; box-shadow: 0 6px 18px -8px rgba(0,0,0,.5); }
.wa-btn--primary:hover { background: var(--wa-accent-dark); color: #fff; }
.wa-btn--ghost { background: rgba(255,255,255,.1); color: #fff; backdrop-filter: blur(6px); }
.wa-btn--ghost:hover { background: rgba(255,255,255,.18); color: #fff; }
.wa-btn .wa-arrow { transition: transform .18s var(--wa-ease); }
.wa-btn:hover .wa-arrow { transform: translateX(3px); }

.wa-hero__facts {
  list-style: none; margin: 0; padding: 8px 0 0;
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px 20px;
}
.wa-hero__fact { display: grid; grid-template-rows: 26px auto; align-content: start; gap: 10px; font-size: 13.5px; line-height: 1.35; color: #b6b1c2; }
.wa-hero__fact b { white-space: nowrap; }
.wa-hero__fact svg { width: 26px; height: 26px; color: var(--wa-accent-soft); }
.wa-hero__fact b { display: block; color: #fff; font-weight: 600; }

/* --- сцена со шкафами (вырезанные фото без рамки, парят над фоном) --- */
.wa-hero__visual { position: relative; }
.wa-hero__stage { position: relative; aspect-ratio: 1.12; width: 100%; }
.wa-hero__slide {
  position: absolute; inset: 0; margin: 0; opacity: 0; transform: translateX(28px) scale(.97);
  transition: opacity .5s var(--wa-ease), transform .7s var(--wa-ease);
}
.wa-hero__slide.is-active { opacity: 1; transform: none; }
.wa-hero__slide.is-leaving { opacity: 0; transform: translateX(-28px) scale(.97); pointer-events: none; }
.wa-hero__photo { position: absolute; inset: 0; display: flex; justify-content: center; align-items: center; }
/* .wa-hero__box повторяет размер картинки, поэтому координаты выносок в % точные */
.wa-hero__box { position: relative; height: 84%; }
.wa-hero__slide[data-slide="ventilation"] .wa-hero__box { height: 96%; } /* фото вентиляции почти квадратное — при 84% шкаф был на четверть уже остальных */
.wa-hero__box img {
  display: block; height: 100%; width: auto; max-width: none;
  filter: drop-shadow(0 36px 40px rgba(0,0,0,.55)) drop-shadow(0 4px 8px rgba(0,0,0,.35));
}
/* блик бренда под шкафом */
.wa-hero__box::before {
  content: ""; position: absolute; left: 10%; right: 10%; bottom: -6%; height: 22%; border-radius: 50%; z-index: -1;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--wa-accent) 40%, transparent), transparent 75%); filter: blur(12px);
}
.wa-hero__spot {
  position: absolute; z-index: 1; width: 150px; height: 150px; border-radius: 50%; transform: translate(-50%, -50%) scale(.6);
  background: radial-gradient(closest-side, color-mix(in srgb, var(--wa-accent-soft) 45%, transparent), transparent 72%);
  mix-blend-mode: screen; opacity: 0; pointer-events: none; transition: opacity .3s var(--wa-ease), transform .45s var(--wa-ease);
}
.wa-hero__slide.is-hovering .wa-hero__spot { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.wa-hero__slide.is-hovering .wa-callout:not(:hover):not(:focus) .wa-callout__label { opacity: .45; }

/* выноски: точка на фото, линия, подпись слева или справа */
.wa-callout { position: absolute; z-index: 2; left: calc(var(--x) * 1%); top: calc(var(--y) * 1%); }
.wa-callout__dot {
  position: absolute; left: -7px; top: -7px; width: 14px; height: 14px; border-radius: 50%; background: var(--wa-accent-soft);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--wa-accent-soft) 30%, transparent);
  transform: scale(0); transition: transform .5s var(--wa-ease) calc(.9s + var(--i) * .5s);
}
.wa-callout__dot::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 1.5px solid var(--wa-accent-soft); opacity: 0; }
.wa-callout.is-on .wa-callout__dot { transform: scale(1); }
.wa-callout.is-on .wa-callout__dot::after { animation: wa-ping 2.4s var(--wa-ease) calc(1.3s + var(--i) * .5s) infinite; }
@keyframes wa-ping { 0% { transform: scale(.6); opacity: .8; } 100% { transform: scale(2.2); opacity: 0; } }
.wa-callout__line {
  position: absolute; top: 0; height: 1.5px; width: 64px; background: var(--wa-accent-soft); opacity: .9;
  transform: scaleX(0); transition: transform .5s var(--wa-ease) calc(1s + var(--i) * .5s);
}
.wa-callout--right .wa-callout__line { left: 0; transform-origin: left center; }
.wa-callout--left  .wa-callout__line { right: 0; transform-origin: right center; }
.wa-callout--up .wa-callout__line { left: 0; bottom: 0; top: auto; width: 1.5px; height: 44px; transform: scaleY(0); transform-origin: bottom center; }
.wa-callout--down .wa-callout__line { left: 0; top: 0; width: 1.5px; height: 44px; transform: scaleY(0); transform-origin: top center; }
.wa-callout--up.is-on .wa-callout__line, .wa-callout--down.is-on .wa-callout__line { transform: scaleY(1); }
.wa-callout.is-on .wa-callout__line { transform: scaleX(1); }
.wa-callout__label {
  position: absolute; top: -22px; width: max-content; max-width: 176px; padding: 9px 13px 10px; border-radius: 10px;
  background: rgba(30,29,38,.92); box-shadow: 0 14px 30px -14px rgba(0,0,0,.9); backdrop-filter: blur(6px); transition: background .2s;
  opacity: 0; transform: translateY(6px); transition: opacity .5s var(--wa-ease) calc(1.25s + var(--i) * .5s), transform .5s var(--wa-ease) calc(1.25s + var(--i) * .5s), border-color .2s;
  cursor: default; text-align: left;
}
/* подпись начинается ровно там, где кончается линия (64px / 44px) — линия доходит до подписи */
.wa-callout--right .wa-callout__label { left: 64px; }
.wa-callout--left  .wa-callout__label { right: 64px; }
.wa-callout--up .wa-callout__label { top: auto; bottom: 44px; left: 50%; transform: translate(-50%, 6px); text-align: center; }
.wa-callout--down .wa-callout__label { top: 44px; left: 50%; transform: translate(-50%, -6px); text-align: center; }
.wa-callout--up.is-on .wa-callout__label, .wa-callout--down.is-on .wa-callout__label { transform: translate(-50%, 0); }
.wa-callout.is-on .wa-callout__label { opacity: 1; }
.wa-callout.is-on:not(.wa-callout--up):not(.wa-callout--down) .wa-callout__label { transform: none; } /* у up/down transform держит центровку (раньше сбрасывался — подпись «сверху» уезжала вправо от точки) */
.wa-callout:hover .wa-callout__label, .wa-callout:focus .wa-callout__label { background: color-mix(in srgb, var(--wa-accent) 55%, #1e1d26); }
.wa-callout__label b { display: block; font-size: 13.5px; font-weight: 600; color: #fff; line-height: 1.25; }
.wa-callout__label span { display: block; font-size: 12px; color: #b6b1c2; margin-top: 2px; line-height: 1.3; }
.wa-callout:focus { outline: none; }

/* переключатель: пилюли под шкафом, в активной бежит полоска автосмены */
.wa-hero__switch {
  display: flex; justify-content: center; gap: 4px; margin: 22px auto 0; padding: 4px; width: max-content; max-width: 100%;
  background: rgba(255,255,255,.08); border-radius: 999px; backdrop-filter: blur(6px);
}
.wa-hero__tab {
  position: relative; padding: 9px 18px 10px; border: 0; border-radius: 999px; background: transparent; color: #cfcad9;
  font: inherit; font-size: 13.5px; font-weight: 600; line-height: 1; cursor: pointer; overflow: hidden; white-space: nowrap;
  text-transform: none; letter-spacing: 0; box-shadow: none; transition: color .18s, background .25s var(--wa-ease);
}
.wa-hero__tab:hover { color: #fff; background: rgba(255,255,255,.08); }
.wa-hero__tab.is-active { color: #fff; background: var(--wa-accent); }
.wa-hero__tab-bar { position: absolute; left: 14px; right: 14px; bottom: 5px; height: 2px; border-radius: 2px; background: rgba(255,255,255,.55); transform: scaleX(0); transform-origin: left; }
.is-autoplay .wa-hero__tab.is-active .wa-hero__tab-bar { animation: wa-tab-progress linear forwards; }
@keyframes wa-tab-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.wa-hero__tab:focus-visible { outline: 2px solid var(--wa-accent-soft); outline-offset: 2px; }

/* подпись под пилюлями: название шкафа + ссылка в раздел */
.wa-hero__caption { position: absolute; left: 0; right: 0; top: calc(100% + 92px); margin: 0; text-align: center; font-size: 13.5px; }
.wa-hero__tip { display: none; }
@media (max-width: 767px) { .wa-hero__tip:not([hidden]) { display: block; } }
.wa-hero__caption-link { display: inline-flex; align-items: center; gap: 8px; color: #b6b1c2; }
.wa-hero__caption-link b { color: #fff; font-weight: 600; }
.wa-hero__caption-link span { display: none; }
.wa-hero__caption-link .wa-arrow { width: 16px; height: 16px; color: var(--wa-accent-soft); transition: transform .18s var(--wa-ease); }
.wa-hero__caption-link:hover b { color: var(--wa-accent-soft); }
.wa-hero__caption-link:hover .wa-arrow { transform: translateX(3px); }
.wa-hero__visual { padding-bottom: 40px; }

/* вход при загрузке: текст поднимается (без прозрачности — иначе браузер не засчитывает LCP, пока абзац прозрачный: Lighthouse давал LCP 6,7 с), сцена проявляется */
.wa-hero__copy > * { transform: translateY(14px); animation: wa-rise .7s var(--wa-ease) forwards; }
.wa-hero__copy > :nth-child(1) { animation-delay: .05s } .wa-hero__copy > :nth-child(2) { animation-delay: .12s }
.wa-hero__copy > :nth-child(3) { animation-delay: .2s }  .wa-hero__copy > :nth-child(4) { animation-delay: .28s }
.wa-hero__copy > :nth-child(5) { animation-delay: .4s }
.wa-hero__visual { opacity: 0; transform: translateY(18px); animation: wa-rise .7s var(--wa-ease) forwards; }
@keyframes wa-rise { to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .wa-hero__copy > *, .wa-hero__visual { animation: none; opacity: 1; transform: none; }
  .wa-hero__slide, .wa-callout__dot, .wa-callout__line, .wa-callout__label { transition: none; }
  .wa-callout.is-on .wa-callout__dot::after { animation: none; }
}

/* адаптив */
@media (max-width: 1100px) {
  .wa-hero__inner { grid-template-columns: 1fr; gap: 36px; padding-block: 44px; min-height: 0; }
  .wa-hero__copy, .wa-hero__facts { max-width: none; }
  .wa-hero__visual { max-width: 720px; }
}
@media (max-width: 767px) {
  .wa-hero__title { font-size: clamp(30px, 8.5vw, 38px); }
  .wa-hero__lead { font-size: 16.5px; }
  .wa-hero__actions { margin-bottom: 32px; }
  .wa-hero__actions .wa-btn { flex: 1 1 100%; justify-content: center; }
  .wa-hero__facts { grid-template-columns: 1fr 1fr; gap: 16px; }
  .wa-hero__stage { aspect-ratio: 1.15; }
  .wa-callout__label, .wa-callout__line { display: none; }
  /* точка — кнопка: зона нажатия 44px, активная (подпись показана под фото) — крупнее и белая */
  .wa-callout { cursor: pointer; }
  .wa-callout::before { content: ""; position: absolute; left: -22px; top: -22px; width: 44px; height: 44px; }
  .wa-callout.is-open .wa-callout__dot { background: #fff; transform: scale(1.25); box-shadow: 0 0 0 5px color-mix(in srgb, var(--wa-accent-soft) 45%, transparent); }
  .wa-callout.is-open .wa-callout__dot::after { animation: none; }
  /* фото к верху сцены, подпись — в нижней полосе сцены (не двигает табы и ссылку под ними) */
  .wa-hero__photo { align-items: flex-start; }
  .wa-hero__box, .wa-hero__slide[data-slide="ventilation"] .wa-hero__box { height: 76%; }
  .wa-hero__tip { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; padding: 10px 14px; border-radius: 10px; background: rgba(30,29,38,.92); text-align: left; }
  .wa-hero__tip b { display: block; font-size: 14px; font-weight: 600; color: #fff; line-height: 1.3; }
  .wa-hero__tip span { display: block; font-size: 12.5px; color: #b6b1c2; margin-top: 2px; }
  .wa-hero__switch { margin-top: 16px; width: 100%; }
  .wa-hero__tab { flex: 1 1 0; font-size: 12px; padding: 8px 6px 9px; text-align: center; }
  .wa-hero__tab-bar { left: 8px; right: 8px; }
  .wa-hero__caption { top: calc(100% + 86px); } /* +20px от переключателей (просьба 18.09) */
  .wa-hero__visual { padding-bottom: 60px; }
}

/* =====================================================================
   CTA перед подвалом [wa_cta] и подвал [wa_footer]
   ===================================================================== */

/* prefooter: убираем всё, что навешивают тема и Customizer (#wp-custom-css красит ::before) */
.wd-prefooter { position: relative; margin: 0 !important; padding: 0 !important; background: none !important; }
.wd-prefooter::before { display: none !important; }
.wd-prefooter > .container { width: 100%; max-width: none; padding: 0; }

/* --- CTA --- */
.wa-cta { position: relative; isolation: isolate; overflow: hidden; background: var(--wa-dark-2); color: #f3f1f6; }
.wa-cta::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(50% 80% at 85% 60%, color-mix(in srgb, var(--wa-accent) 30%, transparent), transparent 70%);
}
.wa-cta__inner {
  width: min(var(--wd-container-w, 1280px), 100% - 40px); margin-inline: auto;
  display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 56px; align-items: start; padding-block: 80px 72px;
}
.wa-cta__kicker { margin: 0 0 16px; font-size: 13.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--wa-accent-soft); }
.wa-cta__title { margin: 0 0 20px; font-size: clamp(28px, 2.9vw, 40px); line-height: 1.1; font-weight: 700; letter-spacing: -.015em; color: #fff; text-wrap: balance; text-transform: none; }
.wa-cta__text p { margin: 0 0 12px; font-size: var(--wa-intro, 16.5px); line-height: 1.6; color: #b6b1c2; max-width: 58ch; }
.wa-cta__image { display: block; max-width: 260px; width: 100%; margin-top: 28px; filter: drop-shadow(0 24px 30px rgba(0,0,0,.5)); transform: rotate(-0.5deg); transform-origin: 50% 100%; } /* шкаф чуть «завален» влево (верх уходит влево, опора — низ), просьба пользователя 18.09; портретное фото — уже прежнего широкого (520) */

/* карточка формы */
.wa-cta__form {
  background: rgba(255,255,255,.06); border-radius: var(--wa-r-card); padding: 28px 28px 24px;
  backdrop-filter: blur(8px); box-shadow: 0 30px 60px -30px rgba(0,0,0,.8);
}
.wa-cta__form-head { margin-bottom: 20px; }
.wa-cta__form-title { display: block; font-size: 20px; font-weight: 700; color: #fff; }
.wa-cta__form-text { display: block; margin-top: 4px; font-size: 14px; color: #b6b1c2; }
.wa-cta__form .fluentform { margin: 0; }
.wa-cta__form .ff-el-group { margin-bottom: 14px; }
.wa-cta__form .ff-el-input--label label { font-size: 13px; font-weight: 500; color: #cfcad9; margin-bottom: 6px; }
.wa-cta__form .ff-el-input--label.ff-el-is-required.asterisk-right label::after { color: var(--wa-accent-soft); }
.wa-cta__form .ff-el-form-control {
  height: 48px; width: 100%; padding: 0 14px; border-radius: var(--wa-r-btn); border: 0;
  background: rgba(22,21,28,.75); color: #fff; font-size: 15px; box-shadow: none; transition: background .15s, box-shadow .15s;
}
.wa-cta__form .ff-el-form-control::placeholder { color: #7f7a8c; }
.wa-cta__form .ff-el-form-control:focus { background: rgba(22,21,28,.95); box-shadow: 0 0 0 3px color-mix(in srgb, var(--wa-accent) 35%, transparent); outline: none; }
.wa-cta__form .ff-el-tc { margin-top: 4px; }
.wa-cta__form .ff-el-tc .ff-el-form-check-label { display: flex; gap: 10px; align-items: flex-start; }
.wa-cta__form .ff-el-tc .ff_t_c p { margin: 0; font-size: 12px; line-height: 1.45; color: #8f8a9b; }
.wa-cta__form .ff-el-tc .ff_t_c a { color: #cfcad9; text-decoration: underline; text-underline-offset: 2px; }
.wa-cta__form .ff-el-tc .ff_t_c a:hover { color: #fff; }
.wa-cta__form .ff-el-form-check-input { accent-color: var(--wa-accent); width: 16px; height: 16px; margin-top: 2px; }
.wa-cta__form .ff_submit_btn_wrapper { margin: 18px 0 0; }
.wa-cta__form .ff-btn-submit {
  width: 100%; height: 52px; border-radius: var(--wa-r-btn); background: var(--wa-accent) !important; color: #fff !important; border: 0;
  font: inherit; font-size: 16px; font-weight: 600; text-transform: none; letter-spacing: 0; cursor: pointer; transition: background .18s;
}
.wa-cta__form .ff-btn-submit:hover { background: var(--wa-accent-dark) !important; }
.wa-cta__form .ff-btn-submit::first-letter { text-transform: uppercase; }
.wa-cta__form .ff-btn-submit { text-transform: lowercase; }
.wa-cta__form .ff-message-success { background: rgba(255,255,255,.08); color: #fff; border-radius: var(--wa-r-btn); padding: 16px; }
.wa-cta__form .ff-el-is-error .ff-el-form-control { box-shadow: 0 0 0 2px #e06a6a; }
.wa-cta__form .error, .wa-cta__form .text-danger { color: #f3a0a0 !important; font-size: 12.5px; }

/* --- Подвал --- */
footer.wd-footer { background: var(--wa-dark); color: #b6b1c2; }
footer.wd-footer .main-footer { padding-block: 0; }
.wa-footer { position: relative; overflow: hidden; }
.wa-footer__mark {
  position: absolute; right: 40px; bottom: 60px; width: 380px; height: 380px; opacity: .04; pointer-events: none; user-select: none; /* векторный знак (safari-pinned-tab.svg клиента), целиком внутри подвала */
}
.wa-footer__inner {
  position: relative; display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: 40px; padding: 64px 0 48px;
}
.wa-footer__logo img { height: 46px; width: auto; display: block; }
.wa-footer__desc { margin: 20px 0 26px; font-size: 14.5px; line-height: 1.55; color: #b6b1c2; max-width: 34ch; }
.wa-footer__contacts { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.wa-footer__contacts li { display: flex; gap: 12px; align-items: flex-start; font-size: 14.5px; line-height: 1.45; color: #b6b1c2; }
.wa-footer__contacts svg { flex: none; width: 20px; height: 20px; color: var(--wa-accent-soft); margin-top: 1px; }
.wa-footer__contacts a { color: #fff; }
.wa-footer__contacts a:hover { color: var(--wa-accent-soft); }
.wa-footer__contacts .wa-footer__phone { font-size: 20px; font-weight: 700; line-height: 1.1; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.wa-footer__col-title { display: block; margin-bottom: 18px; font-size: 14.5px; font-weight: 600; color: #fff; }
.wa-footer__col ul { list-style: none; margin: 0; padding: 0; }
.wa-footer__col li { margin: 0; }
.wa-footer__col a { display: inline-block; padding: 5px 0; font-size: 14.5px; line-height: 1.4; color: #b6b1c2; transition: color .15s, transform .15s var(--wa-ease); }
.wa-footer__col a:hover { color: #fff; transform: translateX(3px); }
.wa-footer__legal { position: relative; display: flex; flex-wrap: wrap; gap: 6px 24px; padding: 6px 0 34px; }
.wa-footer__legal a { font-size: 12.5px; color: #8f8a9b; }
.wa-footer__legal a:hover { color: #fff; }

/* копирайт (тексты из опций темы) */
footer.wd-footer .wd-copyrights { background: var(--wa-dark); padding-block: 0 22px; border-top: 0 !important; }
/* едва заметный разделитель — по ширине контента, не линия на всю ширину */
footer.wd-footer .wd-copyrights > .container { position: relative; padding-top: 22px; }
footer.wd-footer .wd-copyrights > .container::before { content: ""; position: absolute; left: 15px; right: 15px; top: 0; height: 1px; background: rgba(255,255,255,.07); }
footer.wd-footer .wd-copyrights small { font-size: 12.5px; color: #8f8a9b; text-transform: lowercase; letter-spacing: 0; }
footer.wd-footer .wd-copyrights small::first-letter { text-transform: uppercase; }
footer.wd-footer .wd-copyrights .wd-col-end small { text-transform: none; }

@media (max-width: 1100px) {
  .wa-cta__inner { grid-template-columns: 1fr; gap: 36px; padding-block: 56px; }
  .wa-cta__image { max-width: 220px; }
  .wa-footer__inner { grid-template-columns: 1fr 1fr; gap: 36px 32px; }
  .wa-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
  .wa-cta__inner { padding-block: 44px; }
  .wa-cta__form { padding: 22px 18px 18px; }
  .wa-footer__inner { grid-template-columns: 1fr; gap: 28px; padding: 44px 0 32px; }
  .wa-footer__mark { width: 240px; height: 240px; right: 20px; bottom: 40px; }
  .wa-footer__legal { padding: 18px 0 24px; }
  footer.wd-footer .wd-copyrights .wd-grid-g { gap: 6px; }
}

/* =====================================================================
   Главная: существующие блоки WPBakery в новом стиле (контент не трогаем)
   ===================================================================== */

/* ритм секций: у строк были свои margin/padding в !important — выравниваем */
body.home .wpb-content-wrapper > .vc_row { margin-bottom: 0 !important; margin-top: 0 !important; }
body.home .vc_row:has(#wd-66bd9fc6b362b) { padding-top: 96px !important; }
body.home .wpb-content-wrapper > .vc_row.vc_custom_1674106728417 { margin-top: 0 !important; }
body.home main.wd-content-layout { padding-bottom: 0; }

/* заголовки секций woodmart_title: капс снимаем, подчёркивания убираем */
body.home .title-wrapper .liner-continer, body.home .title-wrapper .woodmart-title-container { border: 0 !important; padding: 0 !important; }
body.home .title-wrapper .woodmart-title-container::before, body.home .title-wrapper .woodmart-title-container::after,
body.home .title-wrapper .liner-continer::before, body.home .title-wrapper .liner-continer::after { display: none !important; }
body.home .title-wrapper .woodmart-title-container {
  font-size: clamp(28px, 2.9vw, 38px) !important; line-height: 1.12 !important; font-weight: 700; letter-spacing: -.015em;
  color: var(--wa-text) !important; text-transform: lowercase; text-wrap: balance;
}
body.home .title-wrapper .woodmart-title-container::first-letter { text-transform: uppercase; }
body.home .title-wrapper .title-subtitle {
  font-size: 13.5px !important; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--wa-accent) !important; margin-bottom: 14px;
}
body.home .title-wrapper .title-after_title { font-size: 16.5px !important; color: var(--wa-muted); max-width: 60ch; }
body.home .title-wrapper.text-center .title-after_title { margin-inline: auto; }

/* --- 1. «Мы делаем управление…»: заголовок слева, текст справа --- */
body.home .vc_row:has(#wd-66bd9fc6b362b) { padding-bottom: 80px; }
body.home .vc_row:has(#wd-66bd9fc6b362b) .woodmart-title-container { margin-top: -6px; }
body.home .vc_row:has(#wd-66bd9fc6b362b) .wpb_column > .vc_column-inner > .wpb_wrapper {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 32px 64px; align-items: start;
}
body.home #wd-66bd9fc6b362b { margin: 0 !important; }
body.home #wd-66bd9fc6b362b .woodmart-title-container { font-size: clamp(28px, 2.9vw, 38px) !important; line-height: 1.12 !important; }
body.home .vc_custom_1723703822764 { margin: 0 !important; }
body.home .vc_custom_1723703822764 p { font-size: 17px; line-height: 1.65; color: var(--wa-muted); margin: 0; }
body.home .vc_custom_1723703822764 p + p { margin-top: 14px; }

/* --- 2. Инфобоксы «Отличные скидки…»: светлая подложка, карточки, иконки в кружках --- */
body.home .vc_row.vc_custom_1674106728417 {
  background: transparent !important; border-radius: 0 !important; padding: 0 !important; margin-inline: 0 !important;
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px;
}
body.home .vc_row.vc_custom_1674106728417::before, body.home .vc_row.vc_custom_1674106728417::after { display: none; }
body.home .vc_row.vc_custom_1674106728417 > .wpb_column { width: auto; float: none; display: flex; }
body.home .vc_row.vc_custom_1674106728417 > .wpb_column > .vc_column-inner { padding: 0 !important; border: 0 !important; display: flex; flex: 1; }
body.home .vc_row.vc_custom_1674106728417 > .wpb_column > .vc_column-inner > .wpb_wrapper { display: flex; flex: 1; }
body.home .vc_row.vc_custom_1674106728417 .info-box-wrapper { display: flex; flex: 1; }
body.home .vc_row.vc_custom_1674106728417 .wd-info-box {
  flex: 1; margin: 0 !important; padding: 24px 24px 26px; background: var(--wa-card); border-radius: var(--wa-r-card);
  display: flex; flex-direction: column; align-items: flex-start; text-align: left; gap: 16px;
}
body.home .vc_row.vc_custom_1674106728417 .box-icon-wrapper { margin: 0 !important; flex: none; }
body.home .vc_row.vc_custom_1674106728417 .info-box-icon {
  width: 56px !important; height: 56px !important; border-radius: 50%; background: var(--wa-accent); display: flex; align-items: center; justify-content: center; padding: 0;
}
body.home .vc_row.vc_custom_1674106728417 .info-svg-wrapper { width: 28px !important; height: 28px !important; max-width: none !important; display: block; }
body.home .vc_row.vc_custom_1674106728417 .info-box-icon img { width: 28px !important; height: 28px !important; max-width: none; object-fit: contain; filter: brightness(0) invert(1); }
body.home .vc_row.vc_custom_1674106728417 .info-box-icon svg { width: 28px !important; height: 28px !important; color: #fff; display: block; } /* Woodmart даёт svg 100% от обёртки, а обёртка без размера — 0 */ /* SVG-иконки на выводе (inc/infobox-icons.php) */
body.home .vc_row.vc_custom_1674106728417 .info-svg-wrapper { width: auto !important; height: auto !important; display: flex; align-items: center; justify-content: center; }
body.home .vc_row.vc_custom_1674106728417 .info-box-content { padding: 0 !important; }
body.home .vc_row.vc_custom_1674106728417 .info-box-title {
  margin: 0 0 6px; font-size: 16px !important; font-weight: 600; color: var(--wa-text) !important; text-transform: none; letter-spacing: 0; /* 18.09: тексты клиента в базе в обычном регистре (раньше капс + lowercase на выводе; «ОТК» бы сломалось) */
}
body.home .vc_row.vc_custom_1674106728417 .info-box-inner, body.home .vc_row.vc_custom_1674106728417 .info-box-inner p {
  color: var(--wa-muted) !important; font-size: 14.5px; line-height: 1.5; margin: 0;
}

body.home .promo-banner { border-radius: var(--wa-r-card); overflow: hidden; }
body.home .promo-banner .banner-subtitle { font-size: 12.5px !important; letter-spacing: .04em; text-transform: uppercase; color: rgba(255,255,255,.8) !important; }
body.home .promo-banner .banner-title { font-size: 24px !important; line-height: 1.15; font-weight: 700; text-transform: lowercase; letter-spacing: 0; }
body.home .promo-banner .banner-title::first-letter { text-transform: uppercase; }
body.home .promo-banner .btn { display: inline-block; border-radius: var(--wa-r-btn); text-transform: lowercase; font-weight: 600; letter-spacing: 0; }
body.home .promo-banner .btn::first-letter { text-transform: uppercase; }
body.home .promo-banner .banner-mask, body.home .promo-banner.banner-mask .main-wrapp-img::after { background: linear-gradient(180deg, rgba(22,21,28,.15), rgba(22,21,28,.7)); }
/* табы */
.wd-products-tabs .wd-tabs-header { align-items: center; gap: 20px; margin-bottom: 24px; }
.wd-products-tabs .tabs-name { font-size: 26px !important; font-weight: 700; letter-spacing: -.01em; color: var(--wa-text); text-transform: lowercase; }
.wd-products-tabs .tabs-name::first-letter { text-transform: uppercase; }
.wd-products-tabs .tabs-name .tabs-text { text-transform: inherit; }
.wd-products-tabs .tabs-name .tabs-text::first-letter { text-transform: uppercase; }
.wd-products-tabs .wd-nav-tabs { gap: 6px; }
.wd-products-tabs .wd-nav-tabs > li > a {
  padding: 8px 14px; border-radius: 999px; font-size: 13.5px; font-weight: 600; text-transform: lowercase; letter-spacing: 0; color: var(--wa-muted);
  background: var(--wa-bg-soft); transition: background .15s, color .15s;
}
.wd-products-tabs .wd-nav-tabs > li > a .tab-label::first-letter { text-transform: uppercase; }
.wd-products-tabs .wd-nav-tabs > li > a .tab-label { display: inline-block; }
.wd-products-tabs .wd-nav-tabs > li > a::after, .wd-products-tabs .wd-nav-tabs > li > a::before { display: none !important; }
.wd-products-tabs .wd-nav-tabs > li:hover > a { color: var(--wa-text); }
.wd-products-tabs .wd-nav-tabs > li.wd-active > a { background: var(--wa-accent); color: #fff; }

/* карточка товара (везде: главная, каталог, похожие) */
.wd-product.product-grid-item {
  border: 0; border-radius: var(--wa-r-card); padding: 12px 12px 18px; background: var(--wa-card);
  transition: box-shadow .2s var(--wa-ease), background .2s, transform .2s var(--wa-ease);
}
.wd-product.product-grid-item:hover { background: var(--wa-card-2); transform: none; }
.wd-product .product-element-top { border-radius: 10px; overflow: hidden; margin-bottom: 14px; background: #fff; }
.wd-product .wd-entities-title { font-size: 14.5px !important; line-height: 1.35; font-weight: 600; text-transform: none; }
.wd-product .wd-entities-title a { color: var(--wa-text); }
.wd-product .wd-entities-title a:hover { color: var(--wa-accent); }
.wd-product .price { font-size: 16px; font-weight: 700; color: var(--wa-text); }
.wd-product .price .woocommerce-Price-currencySymbol { font-weight: 500; }
.wd-product .price small, .wd-product .price .tax_label { font-size: 12px; font-weight: 500; color: var(--wa-muted); }
.wd-product .product-labels .product-label { border-radius: 6px; font-size: 11px; font-weight: 700; text-transform: none; letter-spacing: 0; padding: 4px 8px; white-space: nowrap; width: auto; min-width: 0; height: auto; line-height: 1.3; }
.wd-product .product-labels .onsale { background: var(--wa-accent); }
/* «Продано» — серая плашка со скруглением (Woodmart делает кружок 50×50) */
.wd-product .product-labels .product-label.out-of-stock {
  min-width: 0 !important; min-height: 0 !important; max-width: none !important; width: auto !important; height: auto !important;
  padding: 5px 10px !important; border-radius: 8px !important; background: var(--wa-line) !important; color: var(--wa-text) !important; font-size: 11px !important; line-height: 1.3;
}
/* заголовок и цена — с тем же боковым отступом, что у кнопок (Woodmart сужает .wd-buttons на 20px и центрирует) */
.wd-product.product-grid-item .wd-entities-title, .wd-product.product-grid-item .product-rating-price, .wd-product.product-grid-item .product-wrapper > .price { padding-inline: 10px; } /* в hover-icons цена лежит прямо в .product-wrapper */
.wd-product .wd-buttons .wd-action-btn > a { border-radius: 10px; }

/* --- 5. Блог --- */
body.home .vc_row.vc_custom_1674108230534 { padding-top: 64px !important; }
body.home .vc_row.vc_custom_1674108230534 .title-wrapper { margin-bottom: 32px !important; }
.wd-post.blog-design-masonry, .wd-post.blog-style-bg {
  border: 0; border-radius: var(--wa-r-card); box-shadow: none !important; overflow: hidden; background: var(--wa-card);
  transition: box-shadow .2s var(--wa-ease), transform .2s var(--wa-ease), background .2s;
}
.wd-post.blog-design-masonry:hover { background: var(--wa-card-2); transform: none; }
.wd-post .wd-post-thumb { border-radius: 0; }
.wd-post .wd-post-date.wd-style-with-bg { background: #fff; color: var(--wa-text); border-radius: 10px; box-shadow: 0 6px 16px -8px rgba(0,0,0,.4); }
.wd-post .wd-post-date .post-date-day { font-weight: 700; }
.wd-post .wd-post-content { padding: 20px 22px 22px; text-align: left; }
.wd-post .wd-post-cat.wd-style-with-bg a {
  background: var(--wa-accent-tint); color: var(--wa-accent); border-radius: 999px; padding: 4px 10px; font-size: 12px; font-weight: 600; text-transform: none; letter-spacing: 0;
}
.wd-post .wd-post-title { font-size: 18px !important; line-height: 1.3; font-weight: 600; margin: 12px 0 10px; text-transform: none; }
.wd-post .wd-post-title a { color: var(--wa-text); }
.wd-post .wd-post-title a:hover { color: var(--wa-accent); }
.wd-post .wd-post-meta { justify-content: flex-start; font-size: 12.5px; color: var(--wa-muted); margin-bottom: 10px; }
.wd-post .wd-post-excerpt { font-size: 14.5px; line-height: 1.55; color: var(--wa-muted); }
.wd-post .wd-post-read-more { text-align: left; }
.wd-post .wd-post-read-more a, .wd-post .wd-post-read-more .btn {
  font-size: 14px; font-weight: 600; color: var(--wa-accent); text-transform: none; letter-spacing: 0; background: none; padding: 0; border: 0;
}
.wd-post .wd-post-read-more a::after, .wd-post .wd-post-read-more .btn::after { content: " →"; }
.wd-post .wd-post-read-more a:hover { color: var(--wa-accent-dark); }

@media (max-width: 1024px) {
  body.home .vc_row.vc_custom_1674106728417 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  body.home .vc_row:has(#wd-66bd9fc6b362b) { padding-top: 48px !important; padding-bottom: 48px; }
  body.home .vc_row:has(#wd-66bd9fc6b362b) .wpb_column > .vc_column-inner > .wpb_wrapper { grid-template-columns: 1fr; gap: 16px; }
  body.home .vc_row.vc_custom_1674106728417 { grid-template-columns: 1fr; }
  .wd-products-tabs .wd-tabs-header { flex-wrap: wrap; }
  .wd-products-tabs .wd-nav-tabs-wrapper { border: 0 !important; } /* Woodmart на мобиле ставит border-top 2px над табами — серая линия под «Перейти в каталог» */
}

/* --- Плашка cookie: компактная карточка в углу вместо полосы на всю ширину --- */
.wd-cookies-popup {
  left: auto; right: 20px; bottom: 20px; width: min(520px, calc(100% - 40px)); padding: 0; background: transparent; box-shadow: none;
}
.wd-cookies-popup .wd-cookies-inner {
  display: grid; gap: 14px; padding: 18px 20px; background: #fff; border-radius: var(--wa-r-card);
  box-shadow: 0 24px 50px -24px rgba(27,26,32,.45);
}
.wd-cookies-popup .cookies-info-text { font-size: 13.5px; line-height: 1.5; color: var(--wa-muted); margin: 0; }
.wd-cookies-popup .cookies-buttons { display: flex; align-items: center; gap: 16px; }
.wd-cookies-popup .cookies-more-btn { order: 2; font-size: 13.5px; font-weight: 500; color: var(--wa-muted); text-transform: none; letter-spacing: 0; text-decoration: underline; text-underline-offset: 3px; border-bottom: 0 !important; padding-bottom: 0; } /* у Woodmart своя линия border-bottom 2px — получалось двойное подчёркивание */
.wd-cookies-popup .cookies-more-btn:hover { color: var(--wa-text); }
.wd-cookies-popup .cookies-accept-btn { order: 1; height: 42px; padding: 0 20px; border-radius: var(--wa-r-btn); background: var(--wa-accent); color: #fff; font-size: 14.5px; font-weight: 600; text-transform: none; }
.wd-cookies-popup .cookies-accept-btn:hover { background: var(--wa-accent-dark); color: #fff; }
@media (max-width: 767px) { .wd-cookies-popup { right: 12px; bottom: 12px; width: calc(100% - 24px); } }

/* доводка без рамок */
.wd-products .wd-product.product-grid-item { height: 100%; }
.wd-post.blog-design-masonry .wd-post-inner, .wd-post.blog-style-bg .wd-post-inner,
.wd-post .wd-post-content, .wd-post .article-body-container { background: transparent !important; box-shadow: none !important; }
.wd-post .wd-post-content, .wd-post .wd-post-meta, .wd-post .read-more-section { text-align: left !important; justify-content: flex-start !important; }
.wd-post .wd-post-meta { display: flex; gap: 8px; }
.wd-post .wd-post-meta, .wd-post .wd-post-read-more { display: flex !important; justify-content: flex-start !important; margin-inline: 0 !important; }
.wd-post .wd-post-meta > *, .wd-post .wd-post-read-more > * { text-align: left; margin-inline: 0; }

/* =====================================================================
   Секции главной, собранные заново: шапка секции, направления, товары, баннеры, блог, контактный CTA
   ===================================================================== */
.wa-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 32px; }
.wa-section-head__text { max-width: 760px; }
.wa-section-title { margin: 0; font-size: clamp(28px, 2.9vw, 38px); line-height: 1.12; font-weight: 700; letter-spacing: -.015em; color: var(--wa-text); text-transform: none; }
.wa-section-intro { margin: 12px 0 0; font-size: 16px; line-height: 1.6; color: var(--wa-muted); }
.wa-section-link {
  display: inline-flex; align-items: center; gap: 8px; flex: none; font-size: 15px; font-weight: 600; color: var(--wa-accent); white-space: nowrap; padding-bottom: 6px;
}
.wa-section-link svg { transition: transform .18s var(--wa-ease); }
.wa-section-link:hover { color: var(--wa-accent-dark); }
.wa-section-link:hover svg { transform: translateX(3px); }

/* --- Направления решений --- */
body.home .vc_row:has(.wa-dirs) { padding-top: 72px !important; }
.wa-dirs__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.wa-dir {
  position: relative; display: flex; flex-direction: column; min-height: 300px; padding: 24px 24px 26px; border-radius: var(--wa-r-card);
  background: var(--wa-card); color: var(--wa-text); overflow: hidden; isolation: isolate;
  transition: background .2s, transform .25s var(--wa-ease), box-shadow .25s var(--wa-ease);
}
.wa-dir::after {
  content: ""; position: absolute; inset: auto -40px -60px auto; width: 240px; height: 240px; border-radius: 50%; z-index: -1;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--wa-accent) 16%, transparent), transparent 75%); opacity: 0; transition: opacity .25s;
}
.wa-dir:hover { background: var(--wa-card-2); }
.wa-dir:hover::after { opacity: 1; }
.wa-dir__title { font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; max-width: 55%; }
.wa-dir__img {
  position: absolute; right: 18px; top: 18px; width: 46%; max-height: 150px; object-fit: contain; object-position: right top;
  filter: drop-shadow(0 14px 18px rgba(27,26,32,.18)); transition: transform .3s var(--wa-ease);
}

.wa-dir__list { list-style: none; margin: auto 0 0; padding: 130px 0 0; display: grid; gap: 6px; font-size: 14px; line-height: 1.4; color: var(--wa-muted); max-width: 80%; }
.wa-dir__list li { position: relative; padding-left: 14px; }
.wa-dir__list li::before { content: ""; position: absolute; left: 0; top: .55em; width: 5px; height: 5px; border-radius: 50%; background: var(--wa-accent); }
.wa-dir__more {
  position: absolute; right: 20px; bottom: 20px; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center;
  background: #fff; color: var(--wa-accent); transition: background .18s, color .18s;
}
.wa-dir:hover .wa-dir__more { background: var(--wa-accent); color: #fff; }

/* --- Товары: заголовок слева, табы, ссылка в каталог справа, кнопки в карточках --- */
body.home .vc_row.wa-products-row { position: relative; padding-top: 72px !important; }
body.home .wa-products-row .wa-products-link { position: absolute; right: 0; top: 12px; z-index: 2; margin: 0; }
body.home .wa-products-row .wa-products-link .wa-section-link, body.home .wa-blog-row .wa-blog-link .wa-section-link { padding-bottom: 0; }
.wd-products-tabs .wd-tabs-header { padding-right: 200px; }
.wd-products-tabs .wd-tabs-header::after, .wd-products-tabs .wd-tabs-header::before { display: none !important; }
.wd-products-tabs .tabs-name::after, .wd-products-tabs .tabs-name::before { display: none !important; }
/* кнопка «В корзину» всегда видна в потоке карточки, служебные иконки — по наведению на фото */
.wd-product.product-grid-item .product-wrapper { display: flex; flex-direction: column; height: 100%; }
.wd-product.product-grid-item .product-element-top { display: contents; }
.wd-product.product-grid-item .product-image-link { display: block; border-radius: 10px; overflow: hidden; background: #fff; margin-bottom: 14px; order: 0; }
.wd-product.product-grid-item .product-labels { order: 0; }
.wd-product.product-grid-item .product-element-bottom { order: 1; display: flex; flex-direction: column; flex: 1; }
.wd-product.product-grid-item .wrapp-buttons { order: 2; position: static !important; opacity: 1 !important; visibility: visible !important; transform: none !important; margin-top: 14px; }
.wd-product.product-grid-item .wd-buttons { display: flex; gap: 8px; justify-content: stretch; background: transparent !important; padding: 0 !important; box-shadow: none !important; border-radius: 0; width: 100%; }
.wd-product.product-grid-item .wd-buttons > div { margin: 0 !important; }
.wd-product.product-grid-item .wd-buttons .wd-add-btn { flex: 1; }
.wd-product.product-grid-item .wd-buttons .wd-add-btn > a.added_to_cart { display: none !important; } /* вторая ссылка «Просмотр корзины» после добавления: Woodmart её прячет, но наше правило `> a {display:flex}` было специфичнее и показывало */
.wd-product.product-grid-item .wd-buttons .wd-add-btn > a {
  display: flex !important; align-items: center; justify-content: center; gap: 9px; height: 44px; padding: 0 14px; border-radius: var(--wa-r-btn);
  background: var(--wa-accent); color: #fff; font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0; width: 100%;
}
.wd-product.product-grid-item .wd-buttons .wd-add-btn > a::before { display: inline-block !important; font-size: 17px; line-height: 1; margin: 0 !important; opacity: 1; } /* иконка корзины Woodmart (woodmart-font) */
.wd-product.product-grid-item .wd-buttons .wd-add-btn > a { font-size: 15px !important; line-height: 1 !important; width: 100% !important; height: 44px !important; }
.wd-product.product-grid-item .wd-buttons .wd-add-btn > a span { display: inline !important; position: static !important; opacity: 1 !important; font-size: 15px !important; width: auto !important; height: auto !important; clip: auto !important; overflow: visible !important; margin: 0 !important; }
.wd-product.product-grid-item .wd-buttons .wd-add-btn > a::after { content: none; }
.wd-product.product-grid-item .wd-buttons .wd-add-btn > a:hover { background: var(--wa-accent-dark); color: #fff; }
.wd-product.product-grid-item .wd-buttons .wd-add-btn > a.added { background: var(--wa-accent-dark); }
.wd-product.product-grid-item .wd-buttons .wd-action-btn:not(.wd-add-btn) > a {
  width: 44px; height: 44px; border-radius: var(--wa-r-btn); background: #fff; display: grid; place-items: center; color: var(--wa-text);
}
.wd-product.product-grid-item .wd-buttons .wd-action-btn:not(.wd-add-btn) > a:hover { color: var(--wa-accent); }
.wd-product.product-grid-item .wd-buttons .quick-view { display: none; }
.wd-product.product-grid-item .wd-entities-title { text-align: left; margin: 0 0 8px; }
.wd-product.product-grid-item .price { text-align: left; display: block; }
.wd-product.product-grid-item .product-rating-price, .wd-product.product-grid-item .wd-product-price { text-align: left; }

/* --- Баннеры: горизонтальная пара под товарами --- */
body.home .vc_row.wa-banners-row { padding-top: 24px !important; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-inline: 0 !important; }
body.home .wa-banners-row::before, body.home .wa-banners-row::after { display: none; }
body.home .wa-banners-row > .wpb_column { width: auto; float: none; }
body.home .wa-banners-row .promo-banner-wrapper { margin: 0 !important; }
body.home .wa-banners-row .promo-banner { border-radius: var(--wa-r-card); min-height: 220px; }
body.home .wa-banners-row .promo-banner .banner-image img { height: 100%; object-fit: cover; }
body.home .wa-banners-row .promo-banner .main-wrapp-img { height: 100%; }
body.home .wa-banners-row .promo-banner .content-banner { padding: 28px 30px !important; }
body.home .wa-banners-row .promo-banner .banner-title { font-size: 26px !important; max-width: 60%; }

/* --- Блог: заголовок слева, ссылка справа --- */
body.home .vc_row.wa-blog-row { position: relative; padding-top: 72px !important; }
body.home .wa-blog-row .title-wrapper { text-align: left !important; max-width: 720px; margin-bottom: 30px !important; }
body.home .wa-blog-row .title-wrapper .liner-continer, body.home .wa-blog-row .title-wrapper .woodmart-title-container { text-align: left !important; }
body.home .wa-blog-row .title-wrapper .title-after_title { margin-inline: 0 !important; }
body.home .wa-blog-row .wa-blog-link { position: absolute; right: 0; top: 46px; margin: 0; }
.wd-post .wd-post-thumb { position: relative; }
.wd-post .wd-post-content .wd-post-cat { position: absolute; left: 20px; top: 20px; margin: 0; z-index: 2; }
.wd-post .wd-post-content { position: static; }
.wd-post .wd-post-cat.wd-style-with-bg a { background: color-mix(in srgb, var(--wa-accent) 14%, #fff); color: var(--wa-accent); box-shadow: none; } /* сиреневая подложка (на серой карточке --wa-accent-tint не читается), без тени */
.wd-post .wd-post-date.wd-style-with-bg { left: auto; right: 16px; top: 16px; }
.wd-post .wd-post-title { margin-top: 0; }

/* --- Контактный CTA --- */
body.home .vc_row.wa-ccta-row { padding-block: 64px 72px; }
.wa-ccta {
  display: grid; grid-template-columns: minmax(0, 1.4fr) auto auto; align-items: center; gap: 32px 40px; padding: 32px 36px;
  border-radius: var(--wa-r-card); background: var(--wa-card);
}
.wa-ccta__text { font-size: 16.5px; line-height: 1.55; color: var(--wa-text); }
.wa-ccta__contacts { display: grid; gap: 10px; }
.wa-ccta__contacts a { display: inline-flex; align-items: center; gap: 10px; color: var(--wa-text); font-weight: 600; white-space: nowrap; }
.wa-ccta__contacts svg { width: 20px; height: 20px; color: var(--wa-accent); flex: none; }
.wa-ccta__phone { font-size: 20px; font-variant-numeric: tabular-nums; }
.wa-ccta__mail { font-size: 15px; }
.wa-ccta__contacts a:hover { color: var(--wa-accent); }
.wa-ccta .wa-btn { flex: none; }

@media (max-width: 1100px) {
  .wa-dirs__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wa-ccta { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .wa-section-head { flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 22px; }
  body.home .vc_row:has(.wa-dirs), body.home .vc_row.wa-products-row, body.home .vc_row.wa-blog-row { padding-top: 44px !important; }
  .wa-dirs__grid { grid-template-columns: 1fr; gap: 14px; }
  .wa-dir { min-height: 0; padding: 20px; }
  .wa-dir__img { width: 42%; max-height: 120px; }
  .wa-dir__list { padding-top: 100px; }
  body.home .wa-products-row .wa-products-link, body.home .wa-blog-row .wa-blog-link { position: static; margin: 0 0 14px; }
  .wd-products-tabs .wd-tabs-header { padding-right: 0; }
  body.home .vc_row.wa-banners-row { grid-template-columns: 1fr; }
  .wa-ccta { padding: 22px 20px; }
  .wa-ccta .wa-btn { width: 100%; justify-content: center; }
}
/* доводка: кнопка в карточке во всю ширину, заголовок блога в одну строку, баннеры фиксированной высоты */
.wd-product.product-grid-item .wd-buttons .wd-add-btn { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; }
.wd-product.product-grid-item .wd-buttons .wd-add-btn > a { white-space: nowrap; }
.wd-product.product-grid-item .wd-buttons .wd-action-btn:not(.wd-add-btn) { flex: none; width: 44px !important; }
body.home .wa-blog-row .title-wrapper .liner-continer, body.home .wa-blog-row .title-wrapper .woodmart-title-container { max-width: none !important; width: auto !important; }
body.home .wa-banners-row .promo-banner { height: 240px; }
body.home .wa-banners-row .promo-banner .main-wrapp-img, body.home .wa-banners-row .promo-banner .banner-image { position: absolute; inset: 0; height: 100%; }
body.home .wa-banners-row .promo-banner .banner-image img { width: 100%; height: 100%; object-fit: cover; }
body.home .wa-banners-row .promo-banner .wrapper-content-banner { position: relative; z-index: 2; height: 100%; }

/* без эффектов увеличения при наведении (везде, кроме лёгкого зума фото в карточке товара — см. «Карточка товара при наведении») */
.promo-banner.banner-hover-zoom img, .promo-banner:hover img, .wd-post:hover img, .wa-dir:hover img, .wd-post-img img,
.banner-hover-zoom .banner-image img { transform: none !important; transition: none !important; }
.wd-product.product-grid-item, .wd-post, .wa-dir { transition: background .2s !important; }

.wd-post .wd-post-content { align-items: flex-start !important; }
.wd-post .wd-post-read-more a, .wd-post .wd-post-read-more .btn { width: auto; text-align: left; margin: 0; }

/* ---------- Правки по скриншотам 15.09 (вечер) ---------- */
/* Cookie-плашка: в скрытом состоянии Woodmart сдвигает её на 100% вниз, но из-за bottom:20px оставалась белая полоска */
.wd-cookies-popup:not(.popup-display), .wd-cookies-popup.popup-hide { transform: translate3d(0, calc(100% + 40px), 0); }

/* Форма в CTA: поля и кнопка без рамок (Fluent Forms ставит border своим CSS), галочка по центру первой строки */
.wa-cta__form .ff-el-form-control, .wa-cta__form .ff-el-form-control:focus { border: 0 !important; outline: none !important; }
.wa-cta__form .ff-btn-submit, .wa-cta__form .ff-btn-submit:hover, .wa-cta__form .ff-btn-submit:focus { border: 0 !important; outline: none !important; box-shadow: none !important; }
.wa-cta__form .ff-el-tc .ff-el-form-check-label { display: flex !important; align-items: flex-start; gap: 10px; }
.wa-cta__form .ff-el-tc .ff-el-form-check-label > * { display: block; }
.wa-cta__form .ff-el-form-check-input { flex: none; margin: 1px 0 0 !important; }

/* Блог: метка рубрики — только белая пилюля (у контейнера Woodmart своя заливка), автор и «поделиться» скрыты */
.wd-post .wd-post-cat { background: transparent !important; padding: 0 !important; }
.wd-post .wd-post-author, .wd-post .wd-post-share { display: none !important; }

/* Баннеры: ровная белая кнопка, при наведении акцент */
body.home .promo-banner .btn, body.home .promo-banner .btn.btn-style-bordered {
  border: 0 !important; background: #fff !important; color: var(--wa-text) !important; height: 44px; line-height: 44px; padding: 0 20px; display: inline-block;
  box-shadow: none; transition: background .18s, color .18s; /* inline-block, не flex: иначе ::first-letter не работает */
}
body.home .promo-banner .btn:hover { background: var(--wa-accent) !important; color: #fff !important; }

/* Карточка товара: кнопка и иконки прижаты к низу, иконки в белых кружках */
.wd-product.product-grid-item .wrapp-buttons { margin-top: auto !important; padding-top: 14px; }
.wd-product .wd-buttons .wd-action-btn:not(.wd-add-btn) { flex: none; width: 44px !important; height: 44px; }
.wd-product .wd-buttons .wd-action-btn:not(.wd-add-btn) > a {
  width: 44px !important; height: 44px !important; border-radius: 50% !important; background: #fff !important; display: grid !important; place-items: center;
  color: var(--wa-text); box-shadow: 0 4px 12px -8px rgba(27,26,32,.35); padding: 0 !important; margin: 0 !important;
}
.wd-product .wd-buttons .wd-action-btn:not(.wd-add-btn) > a::before { margin: 0; line-height: 1; }
.wd-product .wd-buttons .wd-action-btn:not(.wd-add-btn) > a:hover { color: var(--wa-accent); background: #fff !important; }

/* Табы товаров: без линии под шапкой блока */
.wd-products-tabs .wd-tabs-header, .wd-products-tabs .tabs-name.title, .wd-products-tabs .tabs-name { border-bottom: 0 !important; }
.wd-post .wd-post-meta { margin-bottom: 0; min-height: 0; } /* после скрытия автора и «поделиться» строка пустая — без отступа */

/* ---------- Надзаголовки и акцент в заголовках секций ---------- */
.wa-accent { color: var(--wa-accent); }
.wa-section-kicker, body.home .title-wrapper .title-subtitle, .wa-cta__kicker {
  margin: 0 0 14px; font-size: 13.5px !important; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--wa-accent) !important; line-height: 1.3;
}
.wa-cta__kicker { color: var(--wa-accent-soft) !important; }
body.home .wa-products-row .wa-products-kicker { margin: 0 !important; }
body.home .wa-products-row .wa-section-kicker { margin-bottom: 14px; }
/* иконки в кружках строго по центру: у ссылки только псевдоэлемент-иконка, текст-подпись вне потока */
.wd-product .wd-buttons .wd-action-btn:not(.wd-add-btn) > a { display: flex !important; align-items: center; justify-content: center; line-height: 1; }
.wd-product .wd-buttons .wd-action-btn:not(.wd-add-btn) > a::before { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; margin: 0 !important; }
.wd-product .wd-buttons .wd-action-btn:not(.wd-add-btn) > a > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.wd-product.product-grid-item .wd-buttons .wd-add-btn > a { flex-direction: row !important; } /* Woodmart ставит column — иконка вставала над текстом */
.wd-product .wd-buttons .wd-action-btn:not(.wd-add-btn) > a { min-width: 44px !important; max-width: 44px; box-sizing: border-box; flex: none; }

/* =====================================================================
   Единая шапка секций (15.09, вечер): слева надзаголовок → заголовок → ссылка, справа подводка.
   Одна типографика для всех секций главной.
   ===================================================================== */
:root {
  --wa-h2: clamp(28px, 2.9vw, 38px);
  --wa-intro: 16.5px;
}
.wa-section-head {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 20px 64px; align-items: start; margin-bottom: 32px;
}
.wa-section-head--no-intro { grid-template-columns: 1fr; }
.wa-section-head__main { min-width: 0; }
.wa-section-head__aside { min-width: 0; padding-top: 32px; } /* подводка на уровне заголовка (под надзаголовком) */
.wa-section-head--no-intro .wa-section-head__aside { display: none; }
.wa-section-title, body.home .title-wrapper .woodmart-title-container, .wa-cta__title, .wa-ccta__title {
  margin: 0; font-size: var(--wa-h2) !important; line-height: 1.12 !important; font-weight: 700; letter-spacing: -.015em; color: var(--wa-text); text-transform: none; text-wrap: balance;
}
.wa-cta__title { color: #fff; margin-bottom: 20px !important; }
.wa-section-intro, body.home .title-wrapper .title-after_title, body.home .vc_custom_1723703822764 p, .wa-ccta__text {
  margin: 0; font-size: var(--wa-intro) !important; line-height: 1.6; color: var(--wa-muted);
}
.wa-section-head .wa-section-link { display: inline-flex; margin-top: 18px; padding: 0; }
.wa-section-head .wa-section-intro { margin: 0; }
/* «Мы делаем управление…»: подводка справа на одном уровне с заголовком */
body.home .vc_row:has(#wd-66bd9fc6b362b) .wpb_column > .vc_column-inner > .wpb_wrapper { gap: 32px 64px; }
body.home .vc_custom_1723703822764 { padding-top: 32px; }

/* Товары: своя шапка секции, штатный заголовок табов скрыт, табы под заголовком, стрелки в кружках справа от табов */
body.home .wa-products-row .wa-products-head { margin: 0 !important; }
body.home .wa-products-row .wa-section-head { margin-bottom: 24px; }
.wd-products-tabs { position: relative; }
.wd-products-tabs .tabs-name { display: none !important; }
.wd-products-tabs .wd-tabs-header { padding-right: 110px; margin-bottom: 24px; justify-content: flex-start; }
.wd-products-tabs .wd-nav-tabs-wrapper { margin: 0; }
.wd-products-tabs .wd-products-element, .wd-products-tabs .wd-tabs-content-wrapper { position: static; }
.wd-products-tabs .wd-nav-arrows.wd-pos-together { position: absolute !important; top: -2px !important; right: 0 !important; left: auto !important; bottom: auto !important; transform: none !important; margin: 0 !important; display: flex; gap: 8px; }
/* стрелки-кружки для каруселей редизайна; галерею товара не трогаем — там штатное поведение Woodmart (появляются при наведении) */
.wd-btn-arrow:not(.woocommerce-product-gallery .wd-btn-arrow), .wd-btn-arrow.wd-prev:not(.woocommerce-product-gallery .wd-btn-arrow), .wd-btn-arrow.wd-next:not(.woocommerce-product-gallery .wd-btn-arrow) {
  width: 44px !important; height: 44px !important; border-radius: 50% !important; background: var(--wa-card) !important; color: var(--wa-text) !important;
  display: flex !important; align-items: center; justify-content: center; opacity: 1 !important; box-shadow: none !important; border: 0 !important; transition: background .15s, color .15s;
}
.wd-btn-arrow:not(.woocommerce-product-gallery .wd-btn-arrow):hover { background: var(--wa-accent) !important; color: #fff !important; }
.wd-btn-arrow.wd-disabled:not(.woocommerce-product-gallery .wd-btn-arrow) { opacity: .45 !important; pointer-events: none; }
.wd-btn-arrow:not(.woocommerce-product-gallery .wd-btn-arrow) > div, .wd-btn-arrow:not(.woocommerce-product-gallery .wd-btn-arrow)::before { margin: 0 !important; width: auto !important; height: auto !important; font-size: 16px; line-height: 1; background: transparent !important; color: inherit; }
.wd-btn-arrow:not(.woocommerce-product-gallery .wd-btn-arrow) .wd-arrow-inner::after { font-size: 16px !important; width: auto; height: auto; line-height: 1; } /* иконка-шеврон: у блога и проектов была 24px против 16px у товаров (Woodmart задаёт размер переменной только у ajax-стрелок) */
/* Блог: стрелки-кружки справа над каруселью, на уровне «Все статьи →» (как у товаров и «Похожего оборудования»), а не по бокам */
body.home .wa-blog-row .wa-blog-head { margin: 0 !important; }
body.home .wa-blog-row .wa-section-head { margin-bottom: 30px; }
body.home .wa-blog-row .wd-blog-element { position: relative; margin-top: 30px; } /* отступ от шапки секции (её margin-bottom обнуляет правило :last-child) */
body.home .wa-blog-row .wd-blog-element .wd-carousel-inner { position: static; }
body.home .wa-blog-row .wd-blog-element .wd-nav-arrows { position: absolute !important; top: -50px !important; /* по центру строки «Все статьи →» */ right: 0 !important; left: auto !important; bottom: auto !important; transform: none !important; margin: 0 !important; display: flex; gap: 8px; }
body.home .wa-blog-row .wd-blog-element .wd-nav-arrows .wd-btn-arrow { position: static !important; transform: none !important; inset: auto !important; }
body.home .wa-blog-row .wd-blog-element .wd-nav-arrows::after { content: none !important; }
@media (max-width: 1024px) { body.home .wa-blog-row .wd-blog-element .wd-nav-arrows { display: none; } }

/* Контактный CTA: надзаголовок, заголовок, текст слева; контакты и кнопка справа; паттерн на фоне */
.wa-ccta { grid-template-columns: minmax(0, 1.5fr) auto auto; padding: 40px 44px; position: relative; overflow: hidden; isolation: isolate; }
.wa-ccta__copy { position: relative; z-index: 1; }
.wa-ccta__title { margin-bottom: 14px; }
.wa-ccta__contacts, .wa-ccta .wa-btn { position: relative; z-index: 1; }
.wa-ccta::before {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: url("../img/pattern/ccta.webp") right center / auto 130% no-repeat; opacity: .55; /* паттерн — только линии с альфой, фон карточки просвечивает */
  -webkit-mask-image: linear-gradient(90deg, transparent 18%, rgba(0,0,0,.35) 45%, #000 75%); mask-image: linear-gradient(90deg, transparent 18%, rgba(0,0,0,.35) 45%, #000 75%);
}
.wa-ccta::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(90deg, transparent 40%, color-mix(in srgb, var(--wa-accent) 6%, transparent) 70%, color-mix(in srgb, var(--wa-accent) 16%, transparent) 100%); /* мягкий сиреневый свет справа */
}
@media (max-width: 1024px) {
  .wa-section-head { grid-template-columns: 1fr; gap: 14px; }
  .wa-section-head__aside { padding-top: 0; }
  body.home .vc_custom_1723703822764 { padding-top: 0; }
  .wd-products-tabs .wd-tabs-header { padding-right: 0; }
  .wd-products-tabs .wd-nav-arrows.wd-pos-together { display: none; }
  .wa-ccta::before { display: none; }
  .wa-ccta { grid-template-columns: 1fr; gap: 22px; } /* правило «доводки» выше стоит после мобильного 1fr и перебивало его — на телефоне оставались три колонки */
  .wa-ccta__contacts a { white-space: normal; }
  .wa-ccta .wa-btn { justify-self: start; } /* на планшете кнопка по содержимому, не на 700px */
}

/* Карточки категорий: фото товара без фона (вырезки Magnific), с мягкой тенью, как раньше у направлений */
.wa-dir__pic {
  position: absolute; right: 18px; top: 18px; width: 44%; aspect-ratio: 1 / 1; max-height: 160px;
  display: flex; align-items: center; justify-content: center; padding: 0; background: transparent; border-radius: 0; overflow: visible;
}
.wa-dir__img, .wa-dir__pic .wa-dir__img { position: static; width: 100%; height: 100%; max-height: none; object-fit: contain; object-position: center; filter: drop-shadow(0 14px 18px rgba(27,26,32,.18)); }
.wa-dir__list { padding-top: 140px; }
.wa-dir__title { max-width: 50%; padding-right: 8px; }
@media (max-width: 767px) {
  .wa-dir__pic { width: 42%; max-height: 120px; }
  .wa-dir__list { padding-top: 110px; }
}

/* ---------- Единый вертикальный ритм главной: 72px между блоками (16.09) ---------- */
:root { --wa-section-gap: 72px; }
body.home .vc_row:has(#wd-66bd9fc6b362b) { padding-top: var(--wa-section-gap) !important; padding-bottom: var(--wa-section-gap) !important; }
body.home .vc_row:has(.wa-dirs), body.home .vc_row.wa-products-row, body.home .vc_row.wa-blog-row, body.home .vc_row.wa-banners-row { padding-top: var(--wa-section-gap) !important; }
body.home .vc_row.wa-ccta-row { padding-block: var(--wa-section-gap) !important; }
.wa-cta__inner { padding-block: var(--wa-section-gap); }
.wa-footer__inner { padding-top: var(--wa-section-gap); }
@media (max-width: 1024px) {
  :root { --wa-section-gap: 48px; }
}
/* WPBakery добавляет строкам padding-top 35px (.vc_column-inner) и последнему элементу margin-bottom 30–35px — ломает ритм */
body.home main .vc_row > .wpb_column > .vc_column-inner { padding-top: 0 !important; padding-bottom: 0 !important; }
body.home main .vc_row .wpb_wrapper > :last-child { margin-bottom: 0 !important; }
/* Водяной знак — относительно всего подвала (во всю ширину), ближе к правому краю экрана */
footer.wd-footer { position: relative; overflow: hidden; }
.wa-footer { overflow: visible; position: static; }
.wa-footer__mark { right: 32px; bottom: 110px; }
@media (max-width: 1024px) { .wa-footer__mark { right: 16px; bottom: 90px; } }

/* =====================================================================
   Каталог (ТЗ 4.5): блок-заголовок, фильтры, панель, список
   ===================================================================== */
/* ---------- Блок-заголовок [inc/catalog.php] ---------- */
.wa-cat-hero { position: relative; isolation: isolate; overflow: hidden; }
.wa-cat-hero__inner {
  width: min(var(--wd-container-w, 1280px), 100% - 40px); margin-inline: auto;
  padding-block: 40px 44px;
}
.wa-cat-hero__crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 18px; font-size: 13.5px; line-height: 1.3; }
.wa-cat-hero__crumbs a { color: inherit; transition: color .15s; }
.wa-cat-hero__sep { opacity: .45; }
.wa-cat-hero__crumbs .wd-delimiter { display: inline-block; opacity: .45; } /* Woodmart подменяет разделитель WooCommerce на пустой span */
.wa-cat-hero__crumbs .wd-delimiter::after { content: "/"; }
.wa-cat-hero__title {
  margin: 0; font-size: clamp(30px, 3.4vw, 44px); line-height: 1.1; font-weight: 700; letter-spacing: -.02em; text-wrap: balance;
}
.wa-cat-hero__count { margin: 12px 0 0; font-size: 16px; line-height: 1.4; }

/* тёмный: фото цеха и затемнение как на первом экране главной, шапка прозрачная поверх */
.wa-cat-hero--dark { background: var(--wa-dark); color: #f3f1f6; }
.wa-cat-hero__bg { position: absolute; inset: 0; z-index: -2; }
.wa-cat-hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; opacity: .62; }
.wa-cat-hero--dark::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    radial-gradient(60% 80% at 78% 45%, color-mix(in srgb, var(--wa-accent) 28%, transparent), transparent 70%),
    linear-gradient(90deg, rgba(22,21,28,.96) 0%, rgba(22,21,28,.84) 45%, rgba(22,21,28,.52) 100%);
}
body.wa-catalog-dark .wa-cat-hero__inner { padding-top: calc(40px + var(--wd-header-h)); }
.wa-cat-hero--dark .wa-cat-hero__crumbs { color: #b6b1c2; }
.wa-cat-hero--dark .wa-cat-hero__crumbs a:hover { color: #fff; }
.wa-cat-hero--dark .wa-cat-hero__title { color: #fff; }
.wa-cat-hero--dark .wa-cat-hero__count { color: var(--wa-accent-soft); }

/* светлый: заливка карточки; шапка того же тона (без белой полосы), под ней едва заметная линия по ширине контента */
.wa-cat-hero--light { background: var(--wa-card); color: var(--wa-text); }
body.wa-catalog-light .whb-top-bar, body.wa-catalog-light .whb-general-header { background-color: var(--wa-card); }
body.wa-catalog-light .whb-header { box-shadow: none; }
.wa-cat-hero--light::before {
  content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 1px;
  width: min(var(--wd-container-w, 1280px), 100% - 40px); background: rgba(27,26,32,.08);
}
.wa-cat-hero--light .wa-cat-hero__crumbs { color: var(--wa-muted); }
.wa-cat-hero--light .wa-cat-hero__crumbs a:hover { color: var(--wa-accent); }
.wa-cat-hero--light .wa-cat-hero__title { color: var(--wa-text); }
.wa-cat-hero--light .wa-cat-hero__count { color: var(--wa-accent); }

body.wa-catalog main.wd-content-layout { padding-top: 40px; }
/* контейнер Woodmart 1280 с полями 15px (контент 95…1345), блок-заголовок — 80…1360: выносим строки на -30px,
   чтобы фильтр и список стояли по линии заголовка */
@media (min-width: 1025px) {
  body.wa-catalog main.wd-content-layout .wpb-content-wrapper > .vc_row { margin-left: -30px !important; margin-right: -30px !important; }
}
@media (max-width: 1024px) {
  body.wa-catalog-dark .wa-cat-hero__inner { padding-top: calc(28px + var(--wd-header-sm-h)); }
  .wa-cat-hero__inner { padding-block: 28px 32px; width: calc(100% - 30px); } /* поля 15px, как у контейнера Woodmart на планшете/мобиле */
}

/* ---------- Единый заголовок остальных страниц [inc/page-hero.php]: та же светлая схема ---------- */
body.wa-page .whb-top-bar, body.wa-page .whb-general-header { background-color: var(--wa-card); }
body.wa-page .whb-header { box-shadow: none; }
.wa-page-hero .wd-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; font-size: inherit; line-height: inherit; text-transform: none; letter-spacing: 0; color: inherit; }
.wa-page-hero .wd-breadcrumbs a { color: inherit; }
.wa-page-hero .wd-breadcrumbs .wd-last { color: var(--wa-text); }
.wa-page-hero--post .wa-cat-hero__title { max-width: 980px; font-size: clamp(26px, 2.8vw, 36px); text-wrap: pretty; }
.wa-cat-hero--light .wa-page-hero__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 14px; color: var(--wa-muted); font-size: 15px; }
.wa-page-hero__cat a { display: inline-block; padding: 4px 10px; border-radius: 999px; background: var(--wa-accent-tint); color: var(--wa-accent); font-size: 13px; font-weight: 600; line-height: 1.3; transition: background .15s; }
.wa-page-hero__cat a:hover { background: var(--wa-accent); color: #fff; }
body.wa-page main.wd-content-layout { padding-top: 40px; padding-bottom: 64px; }
/* контейнер Woodmart с полями 15px (контент 95…1345) → по линии заголовка 80…1360, как на странице товара */
@media (min-width: 1025px) { body.wa-page main.wd-content-layout.container { padding-left: 0; padding-right: 0; } }
@media (max-width: 1024px) { body.wa-page main.wd-content-layout { padding-top: 28px; } }

/* ---------- Фильтры (Premmerce): карточка с заливкой, без рамок и фиолетовых полос ---------- */
body.wa-catalog .widget_premmerce_filter_filter_widget {
  background: var(--wa-card); border-radius: var(--wa-r-card); padding: 8px 20px 14px; margin: 0;
}
body.wa-catalog .filter .filter__item,
body.wa-catalog .filter--style-premmerce .filter__item { margin: 0; padding: 0; border: 0; }
body.wa-catalog .filter .filter__header {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; background: none; padding: 14px 0; width: 100%;
}
body.wa-catalog .filter .filter__title,
body.wa-catalog .filter--style-premmerce .filter__title {
  display: block; width: auto; padding: 0; color: var(--wa-text); font-size: 15px; font-weight: 600; line-height: 1.3; text-transform: none; letter-spacing: 0;
}
body.wa-catalog .filter .filter__handle { flex: none; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #fff; }
body.wa-catalog .filter .filter__handle-ico { height: 10px; width: 10px; }
body.wa-catalog .filter .filter__icon-minus, body.wa-catalog .filter .filter__icon-plus { width: 10px; height: 10px; }
body.wa-catalog .filter .filter__icon-minus::before, body.wa-catalog .filter .filter__icon-plus::before, body.wa-catalog .filter .filter__icon-plus::after { background: var(--wa-text); }
body.wa-catalog .filter .filter__icon-minus::before, body.wa-catalog .filter .filter__icon-plus::before { height: 2px; }
body.wa-catalog .filter .filter__icon-plus::after { width: 2px; }
body.wa-catalog .filter .filter__inner { margin: 0; padding: 0 0 14px; }
body.wa-catalog .filter .filter__inner .filter__inner { padding: 0; }
body.wa-catalog .filter .filter__inner--scroll { max-height: 240px; padding-right: 6px; scrollbar-width: thin; scrollbar-color: var(--wa-card-2) transparent; }
body.wa-catalog .filter .filter__inner--scroll::-webkit-scrollbar { width: 4px; }
body.wa-catalog .filter .filter__inner--scroll::-webkit-scrollbar-thumb { background: var(--wa-card-2); border-radius: 2px; }
/* пункты списка: свой чекбокс, число товаров справа */
body.wa-catalog .filter .filter__properties-item + .filter__properties-item { margin-top: 6px; }
body.wa-catalog .filter .filter__checkgroup { display: flex; align-items: flex-start; gap: 10px; }
body.wa-catalog .filter .filter__checkgroup-body { display: block; flex: 1; min-width: 0; }
body.wa-catalog .filter .filter__checkgroup-link { display: flex; align-items: flex-start; gap: 10px; position: relative; }
body.wa-catalog .filter .filter__checkgroup-control { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; opacity: 0; pointer-events: none; } /* нативный чекбокс — скрыт, доступность через label */
body.wa-catalog .filter .filter__checkgroup-check,
body.wa-catalog .filter--style-premmerce .filter__checkgroup-check {
  display: block !important; flex: none; width: 18px; height: 18px; margin-top: 1px; top: 0; border: 0; border-radius: 5px; background: #fff;
  box-shadow: 0 2px 6px -3px rgba(27,26,32,.35); transition: background .15s;
}
body.wa-catalog .filter .filter__checkgroup-check::before {
  width: 18px; height: 18px; top: 0; left: 0; transform: none; background: transparent; opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 9.2l3 3 6-6.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
body.wa-catalog .filter .filter__checkgroup-control:checked + .filter__checkgroup-check { background: var(--wa-accent); }
body.wa-catalog .filter .filter__checkgroup-control:checked + .filter__checkgroup-check::before { opacity: 1; }
body.wa-catalog .filter .filter__checkgroup-title,
body.wa-catalog .filter--style-premmerce .filter__checkgroup-title {
  display: block; padding: 0; margin: 0; font-size: 14px; line-height: 1.4; color: var(--wa-text); text-transform: none; font-weight: 400;
}
body.wa-catalog .filter .filter__checkgroup-title:hover { color: var(--wa-accent); }
body.wa-catalog .filter .filter__checkgroup-aside { display: block; flex: none; }
body.wa-catalog .filter .filter__checkgroup-count { position: static; display: block; font-size: 12.5px; font-weight: 500; line-height: 1.4; margin-top: 1px; color: var(--wa-muted); }
body.wa-catalog .filter .filter__checkgroup-count::before, body.wa-catalog .filter .filter__checkgroup-count::after { content: none; }
/* цена: поля заливкой, ползунок в цветах бренда */
body.wa-catalog .filter .filter__slider-control-group { margin: 0 0 16px; gap: 10px; }
body.wa-catalog .filter .filter__slider-control-column { padding: 0; width: 50%; }
body.wa-catalog .filter .filter__slider-control,
body.wa-catalog .filter input.filter__slider-control[type="number"] {
  width: 100%; height: 40px; padding: 0 12px; border: 0; border-radius: var(--wa-r-btn); background: #fff; color: var(--wa-text); font-size: 14px; font-weight: 500; text-align: center; box-shadow: none;
  -moz-appearance: textfield; appearance: textfield;
}
body.wa-catalog .filter .filter__slider-control::-webkit-inner-spin-button, body.wa-catalog .filter .filter__slider-control::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
body.wa-catalog .filter .filter__range-slider { padding: 0 9px 12px; }
body.wa-catalog .filter .pc-range-slider__wrapper { overflow: visible; } /* иначе ручки по краям режутся */
/* CSS jQuery UI не подключён: без position:relative диапазон и ручки считались от обёртки 20px и съезжали вниз */
body.wa-catalog .filter .pc-range-slider__control.ui-slider { position: relative; height: 4px; margin-top: 8px; border: 0; border-radius: 2px; background: var(--wa-card-2); }
body.wa-catalog .filter .pc-range-slider__control .ui-slider-range { position: absolute; top: 0 !important; margin: 0 !important; height: 4px !important; border: 0; border-radius: 2px; background: var(--wa-accent); }
body.wa-catalog .filter .pc-range-slider .ui-slider .ui-slider-handle {
  top: 50% !important; width: 18px !important; height: 18px !important; margin: 0 0 0 -9px !important; transform: translateY(-50%) !important; border: 0 !important; border-radius: 50% !important; background: #fff !important;
  box-shadow: 0 2px 8px -2px rgba(27,26,32,.45); cursor: grab; outline: 0;
}
body.wa-catalog .filter .ui-slider .ui-slider-handle:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--wa-accent) 35%, transparent); }
/* кнопки фильтра (Premmerce «Применить/Сбросить», Woodmart «Сбросить фильтры») */
body.wa-catalog .filter .filter__button, body.wa-catalog .filter button, body.wa-catalog .wd-active-filters .wd-clear-filters { border-radius: var(--wa-r-btn); text-transform: none; letter-spacing: 0; }

/* Активные фильтры: пилюли с заливкой, «Очистить» — текстом */
body.wa-catalog .wd-active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-bottom: 20px; }
body.wa-catalog .wd-active-filters .wd-clear-filters { margin: 0 !important; }
body.wa-catalog .wd-active-filters .wd-clear-filters > a { font-size: 14px; font-weight: 500; color: var(--wa-muted); text-transform: none; letter-spacing: 0; }
body.wa-catalog .wd-active-filters .wd-clear-filters > a:hover { color: var(--wa-accent); }
body.wa-catalog .wd-active-filters .wd-clear-filters > a::after { display: none !important; } /* кружок-«загрузка» Woodmart торчал полукругом */
body.wa-catalog .wd-active-filters .widget_layered_nav_filters { margin: 0; }
body.wa-catalog .wd-active-filters .widget_layered_nav_filters ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
body.wa-catalog .wd-active-filters .widget_layered_nav_filters li { margin: 0; padding: 0; }
body.wa-catalog .wd-active-filters .widget_layered_nav_filters li a {
  display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border: 0 !important; border-radius: 999px; background: var(--wa-card); color: var(--wa-text);
  font-size: 13.5px; font-weight: 500; line-height: 1.3; text-transform: none; letter-spacing: 0; transition: background .15s;
}
body.wa-catalog .wd-active-filters .widget_layered_nav_filters li a:hover { background: var(--wa-card-2); color: var(--wa-text); }
body.wa-catalog .wd-active-filters .widget_layered_nav_filters li a .amount { color: var(--wa-accent); }

/* ---------- Панель над списком: счётчик слева, «Показать», вид, сортировка справа ---------- */
body.wa-catalog .woocommerce-result-count { font-size: 14px; color: var(--wa-muted); margin: 0; }
body.wa-catalog .wd-products-per-page { font-size: 14px; color: var(--wa-muted); }
body.wa-catalog .wd-products-per-page .per-page-title { color: var(--wa-muted); font-weight: 400; text-transform: none; letter-spacing: 0; }
body.wa-catalog .wd-products-per-page .per-page-variation { color: var(--wa-muted); font-weight: 500; }
body.wa-catalog .wd-products-per-page .per-page-variation:hover, body.wa-catalog .wd-products-per-page .current-variation { color: var(--wa-text); font-weight: 700; }
body.wa-catalog .wd-products-per-page .per-page-border { background: transparent; color: var(--wa-muted); }
body.wa-catalog .wd-shop-view { display: none !important; } /* переключатель вида (список / 3 / 4) не нужен — скрыт стилями, элемент в макете остался */
body.wa-catalog .wd-products-shop-view .shop-view { color: var(--wa-muted); }
body.wa-catalog .wd-products-shop-view .shop-view:hover, body.wa-catalog .wd-products-shop-view .shop-view.current-variation { color: var(--wa-accent); }
body.wa-catalog .woocommerce-ordering.wd-style-underline { border: 0; }
body.wa-catalog .woocommerce-ordering .orderby, body.wa-catalog .woocommerce-ordering select {
  height: 40px; padding: 0 38px 0 14px; border: 0 !important; border-radius: var(--wa-r-btn); background-color: var(--wa-card); color: var(--wa-text);
  font-size: 14px; font-weight: 500; box-shadow: none; text-transform: none; letter-spacing: 0;
}
body.wa-catalog .woocommerce-ordering .orderby:hover { background-color: var(--wa-card-2); }
body.wa-catalog .woocommerce-ordering::after { right: 14px; color: var(--wa-text); }
body.wa-catalog .woocommerce-ordering .orderby { background-position: right 14px center !important; } /* стрелка Woodmart (svg-фон) стояла впритык к краю */
body.wa-catalog .wd-off-canvas-btn.wd-style-text { border-radius: var(--wa-r-btn); text-transform: none; letter-spacing: 0; font-weight: 600; }

/* ---------- Список: «Загрузить ещё», описание категории ---------- */
body.wa-catalog .wd-loop-footer { margin-top: 32px; }
body.wa-catalog .btn.wd-load-more, body.wa-catalog .btn.wd-load-more.btn-style-bordered {
  height: 48px; padding: 0 28px; line-height: 48px; border: 0 !important; border-radius: var(--wa-r-btn); background: var(--wa-card) !important; color: var(--wa-text) !important;
  text-transform: none; letter-spacing: 0; font-weight: 600; font-size: 15px; box-shadow: none; transition: background .15s;
}
body.wa-catalog .btn.wd-load-more:hover { background: var(--wa-card-2) !important; color: var(--wa-text) !important; }
body.wa-catalog .wd-shop-desc { margin-top: 56px; }
body.wa-catalog .term-description { max-width: none; font-size: 15.5px; line-height: 1.65; color: var(--wa-muted); }
body.wa-catalog .term-description p { margin: 0 0 14px; }
body.wa-catalog .term-description h2, body.wa-catalog .term-description h3 { color: var(--wa-text); text-transform: none; letter-spacing: 0; }
/* Список: 3 колонки рядом с фильтрами (макет задаёт 4 inline-переменной) — карточка ~300px, как на главной */
@media (min-width: 1025px) {
  body.wa-catalog .wd-products.grid-columns-4 { --wd-col-lg: 3 !important; --wd-gap-lg: 20px !important; } /* промежутки 20px вместо 30 (макет задаёт inline) */
}
@media (max-width: 1024px) {
  body.wa-catalog main.wd-content-layout { padding-top: 24px; }
  /* сортировка на планшете/мобильном — иконка Woodmart, select под ней невидим: без нашей заливки и размеров */
  body.wa-catalog .woocommerce-ordering.wd-ordering-mb-icon .orderby { height: auto; padding: 0; background: transparent; }
}
/* Карточка на мобильном (2 в ряд, ~175px; просьба пользователя 18.09): «В корзину» с иконкой во всю ширину карточки,
   а «В избранное» и «Сравнить» — маленькие кружки столбиком в правом верхнем углу фото (Woodmart прячет «Сравнить» на ≤1024px — показываем).
   Кружки позиционируются от карточки (position: relative у .wd-product): фото начинается сразу под её полем 12px. */
@media (max-width: 767px) {
  .wd-product.product-grid-item .wd-buttons { transform: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; } /* transform Woodmart делал .wd-buttons контейнером для absolute-кружков, а max-width: calc(100% - 20px) резал ряд до 131px вместо 151 */
  .wd-product.product-grid-item .wd-buttons .wd-add-btn > a { padding: 0 10px !important; }
  .wd-product.product-grid-item .wd-buttons .wd-action-btn:is(.wd-wishlist-btn, .wd-compare-btn) { display: block !important; position: absolute; right: 20px; z-index: 3; width: 32px !important; height: 32px; }
  .wd-product.product-grid-item .wd-buttons .wd-wishlist-btn { top: 20px; }
  .wd-product.product-grid-item .wd-buttons .wd-compare-btn { top: 58px; }
  .wd-product.product-grid-item .wd-buttons .wd-action-btn:is(.wd-wishlist-btn, .wd-compare-btn) > a { width: 32px !important; height: 32px !important; min-width: 32px !important; max-width: 32px; background: var(--wa-card) !important; box-shadow: 0 2px 8px rgba(27, 26, 32, .08); }
  .wd-product.product-grid-item .wd-buttons .wd-action-btn:is(.wd-wishlist-btn, .wd-compare-btn) > a::before { font-size: 14px; width: 16px; height: 16px; line-height: 16px; }
  .wd-product.product-grid-item .wd-buttons .wd-action-btn:is(.wd-wishlist-btn, .wd-compare-btn) > a:hover { background: var(--wa-card) !important; } /* после тапа «залипает» :hover — не белить кружок на белом фото */
}

/* Карточка товара при наведении: без подмены фото вторым снимком (Woodmart кладёт .hover-img абсолютом поверх всей карточки),
   только лёгкий зум фото внутри своего контейнера (по просьбе пользователя — единственное разрешённое увеличение) */
.wd-product .hover-img { display: none !important; }
.wd-product .product-image-link { overflow: hidden; }
.wd-product .product-image-link img { transition: transform .5s var(--wa-ease); will-change: transform; }
.wd-product:hover .product-image-link img { transform: scale(1.06); }

/* =====================================================================
   Страница товара (ТЗ 4.5): тёмная только шапка (в потоке, body.wa-product исключён из overlay-правил);
   крошки и галерея — штатные Woodmart на белом; описание — карточка с заливкой
   ===================================================================== */
body.wa-product .wd-breadcrumbs .wd-delimiter { opacity: .45; }
/* контейнеры Woodmart 1280 с полями 15px давали контент 95…1345, а карусель похожих — 80…1360; выравниваем всё по 80…1360 */
@media (min-width: 1025px) {
  body.wa-product .single-breadcrumbs-wrapper .container, body.wa-product .single-product-page .container { padding-left: 0; padding-right: 0; }
}

/* описание: карточка с заливкой; заголовок на месте, цена, характеристики штатные, кнопка */
body.wa-product .summary-inner { background: var(--wa-card) !important; border-radius: var(--wa-r-card); padding: 32px 32px 28px !important; box-shadow: none !important; border: 0 !important; }
body.wa-product .product_title { font-size: clamp(24px, 2.3vw, 30px); line-height: 1.2; font-weight: 700; letter-spacing: -.015em; color: var(--wa-text); text-transform: none; }
body.wa-product .summary .price { font-size: 30px; font-weight: 700; color: var(--wa-accent); line-height: 1.1; }
body.wa-product .summary .price .woocommerce-Price-currencySymbol { font-weight: 500; }
body.wa-product .summary .price .woocommerce-price-suffix { font-size: 14px; font-weight: 500; color: var(--wa-muted); }
/* «ЛУЧШЕЕ ЦЕНОВОЕ ПРЕДЛОЖЕНИЕ» (их текст перед кнопкой) — пилюля */
body.wa-product .wd-before-add-to-cart strong {
  display: inline-block; padding: 6px 12px; border-radius: 999px; background: var(--wa-accent); color: #fff;
  font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; line-height: 1.3;
}
body.wa-product .summary .stock { font-size: 14px; color: var(--wa-muted); }
body.wa-product .summary .stock.in-stock { color: #2e8b57; }
body.wa-product form.cart { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
body.wa-product form.cart > * { flex: 0 0 auto; } /* Woodmart растягивает детей формы на 100% */
body.wa-product form.cart .quantity { display: inline-flex; align-items: center; height: 52px; border-radius: var(--wa-r-btn); background: #fff; overflow: hidden; }
body.wa-product form.cart .quantity .btn, body.wa-product form.cart .quantity input.qty {
  height: 52px; border: 0 !important; background: transparent !important; color: var(--wa-text) !important; box-shadow: none; font-size: 16px; font-weight: 600;
}
body.wa-product form.cart .quantity .btn { width: 40px; opacity: .7; transition: opacity .15s, background .15s; }
body.wa-product form.cart .quantity .btn:hover { opacity: 1; background: var(--wa-card-2) !important; }
body.wa-product form.cart .quantity input.qty { width: 44px; text-align: center; -moz-appearance: textfield; }
body.wa-product form.cart .single_add_to_cart_button {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 52px; padding: 0 26px; border: 0; border-radius: var(--wa-r-btn); background: var(--wa-accent); color: #fff;
  font-size: 16px; font-weight: 600; text-transform: none; letter-spacing: 0; box-shadow: none; transition: background .18s;
}
body.wa-product form.cart .single_add_to_cart_button:hover { background: var(--wa-accent-dark); color: #fff; }
/* иконка корзины — как в карточке списка (тот же ::before woodmart-font); у Woodmart ::before тут hover-подложка, переопределяем целиком */
body.wa-product form.cart .single_add_to_cart_button::before {
  content: "\f123" !important; position: static !important; inset: auto !important; opacity: 1 !important; z-index: auto; background: none !important; border-radius: 0;
  display: inline-block; font-family: "woodmart-font" !important; font-size: 17px; line-height: 1; margin: 0;
}
body.wa-product form.cart .single_add_to_cart_button.loading::before { display: none; }
body.wa-product .summary .wd-action-btn.wd-style-text > a { color: var(--wa-muted); font-size: 14px; font-weight: 500; text-transform: none; letter-spacing: 0; }
body.wa-product .summary .wd-action-btn.wd-style-text > a:hover { color: var(--wa-accent); }
body.wa-product .summary .wd-action-btn.wd-style-text > a::before { color: inherit; }
@media (max-width: 767px) {
  body.wa-product .summary-inner { padding: 22px 20px !important; }
}

/* миниатюры галереи: если листать нечего (wd-lock), стрелки не нужны */
body.wa-product .wd-gallery-thumb .wd-btn-arrow.wd-lock, body.wa-product .wd-gallery-thumb .wd-btn-arrow.wd-disabled { display: none !important; }

/* вкладки: без линий Woodmart сверху/снизу блока, заголовки слева пилюлями, текст — типографика */
body.wa-product .product-tabs-wrapper { border: 0 !important; padding-top: 48px; }
body.wa-product .woocommerce-tabs .wd-nav-tabs-wrapper { text-align: left; margin-bottom: 28px; }
body.wa-product .woocommerce-tabs .wd-nav-tabs-wrapper::after, body.wa-product .woocommerce-tabs .wd-nav-tabs-wrapper::before { display: none; }
body.wa-product .woocommerce-tabs .wd-nav-tabs { display: inline-flex; gap: 6px; padding: 5px; border-radius: 999px; background: var(--wa-card); border: 0; }
body.wa-product .woocommerce-tabs .wd-nav-tabs > li > a {
  padding: 9px 18px; border-radius: 999px; font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0; color: var(--wa-muted); background: transparent; transition: background .18s, color .18s;
}
body.wa-product .woocommerce-tabs .wd-nav-tabs > li > a .nav-link-text::after { display: none; }
body.wa-product .woocommerce-tabs .wd-nav-tabs > li > a:hover { color: var(--wa-text); }
body.wa-product .woocommerce-tabs .wd-nav-tabs > li.active > a { background: var(--wa-accent); color: #fff; }
body.wa-product .woocommerce-Tabs-panel { max-width: none; }
body.wa-product .wc-tab-inner { font-size: 16px; line-height: 1.65; color: var(--wa-muted); }
body.wa-product .wc-tab-inner p { margin: 0 0 14px; }
body.wa-product .wc-tab-inner h2, body.wa-product .wc-tab-inner h3 { margin: 28px 0 12px; font-size: 22px; line-height: 1.2; font-weight: 700; color: var(--wa-text); text-transform: none; letter-spacing: 0; }
body.wa-product .wc-tab-inner h2:first-child { margin-top: 0; }
/* Вкладка «Доставка и оплата» (HTML-блок Woodmart из опций темы, текст их): заголовок слева без линии, в стиле остальных заголовков вкладок;
   три текстовых блока — карточками с заливкой: «Способы оплаты» и «Условия и способ доставки» в ряд одной высоты, «Сертификаты и гарантия» на всю ширину */
body.wa-product #tab-wd_additional_tab_2 .title-wrapper { margin: 0 0 4px !important; padding: 0; } /* + 20px у ряда = 24 до карточек */
body.wa-product #tab-wd_additional_tab_2 .title-wrapper .liner-continer { padding: 0; border: 0 !important; } /* линия под заголовком — border-bottom 2px у liner-continer */
body.wa-product #tab-wd_additional_tab_2 .title-wrapper .liner-continer::before, body.wa-product #tab-wd_additional_tab_2 .title-wrapper .liner-continer::after, body.wa-product #tab-wd_additional_tab_2 .title-wrapper .title::after, body.wa-product #tab-wd_additional_tab_2 .title-wrapper .title::before { display: none !important; }
body.wa-product #tab-wd_additional_tab_2 .title-wrapper .title { margin: 0; padding: 0; font-size: 22px !important; line-height: 1.2; font-weight: 700; color: var(--wa-text); letter-spacing: 0; text-transform: lowercase; border: 0; } /* в базе капсом — на выводе как обычный заголовок */
body.wa-product #tab-wd_additional_tab_2 .title-wrapper .title::first-letter { text-transform: uppercase; }
body.wa-product #tab-wd_additional_tab_2 .vc_row { display: flex; gap: 20px; margin: 0 0 20px !important; }
body.wa-product #tab-wd_additional_tab_2 .vc_row:last-child { margin-bottom: 0 !important; }
body.wa-product #tab-wd_additional_tab_2 .vc_row:first-child { display: block; }
body.wa-product #tab-wd_additional_tab_2 .vc_row::before, body.wa-product #tab-wd_additional_tab_2 .vc_row::after { display: none !important; } /* clearfix WPBakery в flex-ряду становится элементами и съедает два gap — нижняя карточка была уже верхних */
body.wa-product #tab-wd_additional_tab_2 .vc_row > .wpb_column { flex: 1 1 0; min-width: 0; width: auto; padding: 0; display: flex; float: none; } /* колонки WPBakery — float, без clearfix ряды наезжали друг на друга */
body.wa-product #tab-wd_additional_tab_2 .vc_row > .wpb_column > .vc_column-inner { padding: 0 !important; width: 100%; display: flex; }
body.wa-product #tab-wd_additional_tab_2 .vc_row:not(:first-child) .wpb_column .wpb_wrapper:not(.wpb_text_column .wpb_wrapper) { flex: 1; background: var(--wa-card); border-radius: var(--wa-r-card); padding: 24px 26px 22px; }
body.wa-product #tab-wd_additional_tab_2 .wd-text-block-wrapper { margin: 0 0 12px !important; }
body.wa-product #tab-wd_additional_tab_2 .wd-text-block-wrapper .woodmart-text-block { font-size: 17px !important; line-height: 1.3 !important; font-weight: 700; color: var(--wa-text) !important; }
body.wa-product #tab-wd_additional_tab_2 .wpb_text_column { margin: 0; }
body.wa-product #tab-wd_additional_tab_2 .wpb_text_column p { font-size: 15.5px; line-height: 1.6; color: var(--wa-muted); margin: 0 0 12px; }
body.wa-product #tab-wd_additional_tab_2 .wpb_text_column p:last-child { margin-bottom: 0; }
@media (max-width: 767px) {
  body.wa-product #tab-wd_additional_tab_2 .vc_row { flex-direction: column; gap: 14px; margin-bottom: 14px !important; }
  body.wa-product #tab-wd_additional_tab_2 .vc_row > .wpb_column { flex: none; width: 100%; } /* в столбце flex-basis 0 + min-height 1px от WPBakery схлопывали карточки до полей */
  body.wa-product #tab-wd_additional_tab_2 .vc_row:not(:first-child) .wpb_column .wpb_wrapper:not(.wpb_text_column .wpb_wrapper) { padding: 20px; }
}

/* артикул/категория и «поделиться» — внутри блока описания (опция темы product_show_meta = add_to_cart) */
body.wa-product .summary .product_meta { font-size: 14px; color: var(--wa-muted); }
body.wa-product .summary .product_meta > span { margin-right: 18px; }
body.wa-product .summary .product_meta .meta-label { color: var(--wa-muted); font-weight: 500; }
body.wa-product .summary .product_meta .sku, body.wa-product .summary .product_meta a { color: var(--wa-text); }
body.wa-product .summary .product_meta a:hover { color: var(--wa-accent); }
body.wa-product .summary .social-share { margin-top: 12px; }
body.wa-product .summary .social-share .share-title { font-size: 14px; color: var(--wa-muted); text-transform: none; letter-spacing: 0; }
body.wa-product .summary .social-share .wd-social-icon { color: var(--wa-text); }
body.wa-product .summary .social-share .wd-social-icon:hover { color: var(--wa-accent); }
body.wa-product .summary .wd-compare-btn, body.wa-product .summary .wd-wishlist-btn { margin-bottom: 20px !important; }

/* «Получить консультацию» — вторая кнопка, тёмная, рядом с «В корзину» (в form.cart) */
body.wa-product form.cart .wa-consult-btn, body.wa-product form.cart .wa-consult-btn.btn {
  display: inline-flex; align-items: center; height: 52px; padding: 0 22px; border: 0; border-radius: var(--wa-r-btn); background: var(--wa-dark-2); color: #fff;
  font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0; line-height: 1; box-shadow: none; transition: background .18s;
}
body.wa-product form.cart .wa-consult-btn:hover { background: var(--wa-accent-dark); color: #fff; }
@media (max-width: 767px) {
  body.wa-product form.cart .single_add_to_cart_button, body.wa-product form.cart .wa-consult-btn { flex: 1 1 100%; justify-content: center; }
}

/* «Похожее оборудование» на странице товара и «Похожие проекты» на странице проекта (заголовок — фильтр в inc/catalog.php): заголовок слева, стрелки-кружки справа над каруселью, 20px между карточками, пагинация-пилюля */
body.wa-product .related-and-upsells { padding-top: 56px; padding-bottom: 24px; } /* боковые поля контейнера не трогаем: на десктопе они 0 (правило ≥1025), на планшете/мобиле — штатные 15px, как у описания и вкладок */
body.wa-product .related-products, body.wa-page-portfolio .wd-carousel-container.wd-projects { position: relative; }
body.wa-product .related-products > .title, body.wa-page-portfolio .wd-carousel-container.wd-projects > .title { text-align: left; margin: 0 0 28px; padding-right: 110px; font-size: clamp(26px, 2.6vw, 34px) !important; line-height: 1.2; font-weight: 700; letter-spacing: -.015em; text-transform: none; color: var(--wa-text); }
body.wa-product .related-products > .title::before, body.wa-product .related-products > .title::after, body.wa-page-portfolio .wd-carousel-container.wd-projects > .title::before, body.wa-page-portfolio .wd-carousel-container.wd-projects > .title::after { display: none; }
body.wa-product .related-products .wd-carousel-inner, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-carousel-inner { position: static; }
body.wa-product .related-products .wd-nav-arrows, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-nav-arrows { position: absolute !important; top: 0 !important; right: 0 !important; left: auto !important; bottom: auto !important; transform: none !important; margin: 0 !important; display: flex; gap: 8px; }
/* CSS стрелок Woodmart грузится лениво при инициализации карусели: в нём wd-hover-1 раздвигает стрелки на ±30px
   и прячет до наведения — фиксируем положение и видимость */
body.wa-product .related-products .wd-nav-arrows .wd-btn-arrow, body.wa-product .related-products .wd-nav-arrows .wd-prev, body.wa-product .related-products .wd-nav-arrows .wd-next, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-nav-arrows .wd-btn-arrow, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-nav-arrows .wd-prev, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-nav-arrows .wd-next {
  position: static !important; transform: none !important; opacity: 1 !important; pointer-events: auto !important; inset: auto !important; transition: background .15s, color .15s !important;
}
body.wa-product .related-products .wd-nav-arrows .wd-btn-arrow.wd-disabled, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-nav-arrows .wd-btn-arrow.wd-disabled { opacity: .45 !important; pointer-events: none !important; }
/* Woodmart инициализирует карусель лениво при прокрутке и до этого прячет стрелки (opacity 0) — отсюда «прыжок»; показываем сразу */
body.wa-product .related-products .wd-carousel:not(.wd-initialized) + .wd-nav-arrows .wd-btn-arrow, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-carousel:not(.wd-initialized) + .wd-nav-arrows .wd-btn-arrow { opacity: 1 !important; }
body.wa-product .related-products .wd-carousel:not(.wd-initialized) + .wd-nav-arrows .wd-btn-arrow.wd-disabled, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-carousel:not(.wd-initialized) + .wd-nav-arrows .wd-btn-arrow.wd-disabled { opacity: .45 !important; }
body.wa-product .related-products .wd-nav-arrows::after, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-nav-arrows::after { content: none !important; } /* невидимая расширенная hover-зона стрелок */
body.wa-product .related-products .wd-carousel, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-carousel { --wd-gap-lg: 20px !important; --wd-gap-md: 20px !important; }
body.wa-product .related-products .wd-carousel-wrap, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-carousel-wrap { align-items: stretch; }
body.wa-product .related-products .wd-carousel-item, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-carousel-item { height: auto; display: flex; }
body.wa-product .related-products .wd-carousel-item > .wd-product, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-carousel-item > .wd-product { width: 100%; height: auto; } /* карточки одной высоты в карусели */
body.wa-product .related-products .wd-nav-pagin-wrap, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-nav-pagin-wrap { margin-top: 20px; }
body.wa-product .related-products .wd-nav-pagin, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-nav-pagin { display: flex; justify-content: center; gap: 6px; }
body.wa-product .related-products .wd-nav-pagin-item, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-nav-pagin-item { margin: 0; padding: 0; }
body.wa-product .related-products .wd-nav-pagin-item span, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-nav-pagin-item span {
  display: block; width: 8px; height: 8px; border: 0 !important; border-radius: 999px; background: var(--wa-line) !important; opacity: 1; transform: none !important; transition: width .2s, background .2s;
}
body.wa-product .related-products .wd-nav-pagin-item:hover span, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-nav-pagin-item:hover span { background: var(--wa-accent-soft) !important; }
body.wa-product .related-products .wd-nav-pagin-item.wd-active span, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-nav-pagin-item.wd-active span { width: 26px; background: var(--wa-accent) !important; }
@media (max-width: 767px) {
  body.wa-product .related-products > .title, body.wa-page-portfolio .wd-carousel-container.wd-projects > .title { padding-right: 0; }
  body.wa-product .related-products .wd-nav-arrows, body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-nav-arrows { display: none; }
}

/* шапка на странице товара — как над каталогом: фото цеха с тем же затемнением (ряды прозрачные, sticky остаётся тёмной) */
body.wa-product .whb-header:not(.whb-sticked) {
  background:
    radial-gradient(60% 80% at 78% 45%, color-mix(in srgb, var(--wa-accent) 28%, transparent), transparent 70%),
    linear-gradient(90deg, rgba(22,21,28,.96) 0%, rgba(22,21,28,.84) 45%, rgba(22,21,28,.52) 100%),
    linear-gradient(rgba(22,21,28,.38), rgba(22,21,28,.38)),
    var(--wa-dark) url("../img/hero/bg-workshop.webp") center top / cover no-repeat;
}
body.wa-product .whb-header:not(.whb-sticked) .whb-row { background-color: transparent !important; }

/* =====================================================================
   Блог (ТЗ 4.6): список, запись, боковая колонка. Карточка записи — глобальные правила .wd-post выше.
   ===================================================================== */
/* ---------- Боковая колонка: каждый виджет — карточка с заливкой, без линий ---------- */
body.wa-page .wd-sidebar .wd-widget {
  background: var(--wa-card); border-radius: var(--wa-r-card); padding: 22px 22px 20px; margin: 0 0 20px; border: 0;
}
body.wa-page .wd-sidebar .wd-widget:last-child { margin-bottom: 0; }
body.wa-page .wd-sidebar .widget-title { margin: 0 0 14px; font-size: 16px; font-weight: 700; line-height: 1.3; text-transform: none; letter-spacing: 0; color: var(--wa-text); }
body.wa-page .wd-sidebar .wd-heading { display: none; }
/* рубрики: список без разделителей, текущая — акцентом */
body.wa-page .wd-sidebar .widget_categories ul { margin: 0; }
body.wa-page .wd-sidebar .widget_categories li { padding: 0; margin: 0 0 8px; border: 0; }
body.wa-page .wd-sidebar .widget_categories li:last-child { margin-bottom: 0; }
body.wa-page .wd-sidebar .widget_categories li a { color: var(--wa-text); font-size: 15px; line-height: 1.4; transition: color .15s; }
body.wa-page .wd-sidebar .widget_categories li a:hover, body.wa-page .wd-sidebar .widget_categories li.current-cat > a { color: var(--wa-accent); }
/* новые статьи: миниатюра со скруглением, без строки «Нет комментариев» и разделителей */
body.wa-page .wd-sidebar .woodmart-recent-posts-list li { display: flex; gap: 14px; align-items: flex-start; padding: 0; margin: 0 0 16px; border: 0; }
body.wa-page .wd-sidebar .woodmart-recent-posts-list li:last-child { margin-bottom: 0; }
body.wa-page .wd-sidebar .recent-posts-thumbnail { flex: none; width: 72px; margin: 0; }
body.wa-page .wd-sidebar .recent-posts-thumbnail img { width: 72px; height: 58px; object-fit: cover; border-radius: 8px; }
body.wa-page .wd-sidebar .recent-posts-info { min-width: 0; }
body.wa-page .wd-sidebar .recent-posts-info .wd-entities-title { margin: 0 0 4px; font-size: 14px; line-height: 1.35; font-weight: 600; text-transform: none; letter-spacing: 0; }
body.wa-page .wd-sidebar .recent-posts-info .wd-entities-title a { color: var(--wa-text); }
body.wa-page .wd-sidebar .recent-posts-info .wd-entities-title a:hover { color: var(--wa-accent); }
body.wa-page .wd-sidebar .recent-posts-time { font-size: 12.5px; color: var(--wa-muted); }
body.wa-page .wd-sidebar .recent-posts-comment { display: none; }

/* ---------- Список: «Загрузить ещё» как в каталоге ---------- */
body.wa-page .wd-loop-footer { margin-top: 12px; }
body.wa-page .btn.wd-load-more, body.wa-page .btn.wd-load-more.btn-style-bordered {
  height: 48px; padding: 0 28px; line-height: 48px; border: 0 !important; border-radius: var(--wa-r-btn); background: var(--wa-card) !important; color: var(--wa-text) !important;
  text-transform: none; letter-spacing: 0; font-weight: 600; font-size: 15px; box-shadow: none; transition: background .15s;
}
body.wa-page .btn.wd-load-more:hover { background: var(--wa-card-2) !important; color: var(--wa-text) !important; }

/* ---------- Запись: текст, таблицы без линий, навигация карточками ---------- */
body.wa-page-post .wd-single-post-header { display: none; } /* пустая обёртка фото — заголовок и фото у нас в блоке-заголовке */
body.wa-page-post .post-single-page .wd-entry-content { max-width: 820px; font-size: 16px; line-height: 1.7; color: var(--wa-text); } /* длина строки ~90 знаков */
body.wa-page-post .post-single-page .wd-entry-content > p { margin: 0 0 18px; }
body.wa-page-post .post-single-page .wd-entry-content h2, body.wa-page-post .post-single-page .wd-entry-content h3, body.wa-page-post .post-single-page .wd-entry-content h4 {
  margin: 36px 0 14px; line-height: 1.25; letter-spacing: -.01em; text-transform: none; color: var(--wa-text);
}
body.wa-page-post .post-single-page .wd-entry-content h2 { font-size: 26px; }
body.wa-page-post .post-single-page .wd-entry-content h3 { font-size: 21px; }
body.wa-page-post .post-single-page .wd-entry-content h4 { font-size: 18px; }
body.wa-page-post .post-single-page .wd-entry-content ul, body.wa-page-post .post-single-page .wd-entry-content ol { margin: 0 0 18px; padding-left: 22px; }
body.wa-page-post .post-single-page .wd-entry-content li { margin: 0 0 8px; }
body.wa-page-post .post-single-page .wd-entry-content li::marker { color: var(--wa-accent); }
body.wa-page-post .post-single-page .wd-entry-content a { color: var(--wa-accent); }
body.wa-page-post .post-single-page .wd-entry-content a:hover { color: var(--wa-accent-dark); }
body.wa-page-post .post-single-page .wd-entry-content img { border-radius: var(--wa-r-card); }
body.wa-page-post .post-single-page .wd-entry-content blockquote { margin: 0 0 18px; padding: 18px 22px; border: 0; border-radius: var(--wa-r-card); background: var(--wa-card); font-style: normal; }
body.wa-page-post .post-single-page .wd-entry-content .wa-table-wrap { margin: 0 0 22px; border-radius: var(--wa-r-card); overflow-x: auto; -webkit-overflow-scrolling: touch; } /* обёртка из inc/blog-tables.php: широкая таблица прокручивается по горизонтали */
body.wa-page-post .post-single-page .wd-entry-content .wa-table-wrap > table { margin: 0; }
/* подсказка, что таблица листается: на телефоне скроллбар скрыт до касания и обрезанная таблица выглядела просто обрезанной */
body.wa-page-post .wa-table-wrap.is-scrollable { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 48px), transparent); padding-bottom: 10px; }
body.wa-page-post .wa-table-wrap.is-scrollable.is-end { -webkit-mask-image: none; mask-image: none; }
body.wa-page-post .wa-table-wrap::-webkit-scrollbar { height: 6px; }
body.wa-page-post .wa-table-wrap::-webkit-scrollbar-track { background: var(--wa-card); border-radius: 999px; }
body.wa-page-post .wa-table-wrap::-webkit-scrollbar-thumb { background: var(--wa-accent-soft, #c9a4cf); border-radius: 999px; }
body.wa-page-post .post-single-page .wd-entry-content table { width: 100%; margin: 0 0 22px; border: 0; border-collapse: separate; border-spacing: 0; border-radius: var(--wa-r-card); overflow: hidden; font-size: 15px; }
body.wa-page-post .post-single-page .wd-entry-content th, body.wa-page-post .post-single-page .wd-entry-content td { padding: 12px 16px; border: 0; text-align: left; vertical-align: top; }
body.wa-page-post .post-single-page .wd-entry-content th { background: var(--wa-card-2); font-weight: 600; color: var(--wa-text); }
body.wa-page-post .post-single-page .wd-entry-content tbody tr:nth-child(odd) td { background: var(--wa-card); }
body.wa-page-post .post-single-page .wd-entry-content tbody tr:nth-child(even) td { background: #fff; }
/* предыдущая/следующая запись (блог и проекты): две карточки, без линий и иконки-сетки */
body.wa-page .wd-page-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 40px 0 0; padding: 0; border: 0 !important; }
body.wa-page .wd-page-nav::before, body.wa-page .wd-page-nav::after { display: none; }
body.wa-page .wd-page-nav .back-to-archive { display: none; }
body.wa-page .wd-page-nav .wd-page-nav-btn { flex: none; max-width: none; width: auto; padding: 0; text-align: left; }
body.wa-page .wd-page-nav .wd-page-nav-btn:empty { display: block; }
body.wa-page .wd-page-nav .wd-page-nav-btn.next-btn { grid-column: 2; }
body.wa-page .wd-page-nav .wd-page-nav-btn.prev-btn { grid-column: 1; }
body.wa-page .wd-page-nav .wd-page-nav-btn > a {
  display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 20px 22px; height: 100%;
  background: var(--wa-card); border-radius: var(--wa-r-card); text-align: left; transition: background .15s;
}
body.wa-page .wd-page-nav .wd-page-nav-btn > a:hover { background: var(--wa-card-2); }
body.wa-page .wd-page-nav .wd-page-nav-btn.next-btn > a { align-items: flex-start; text-align: left; }
body.wa-page .wd-page-nav .wd-label { font-size: 12.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--wa-accent); }
body.wa-page .wd-page-nav .wd-entities-title { font-size: 15.5px; line-height: 1.35; font-weight: 600; color: var(--wa-text); text-transform: none; letter-spacing: 0; }
body.wa-page .wd-page-nav .wd-page-nav-icon { display: none; }
@media (max-width: 767px) {
  body.wa-page .wd-page-nav { grid-template-columns: 1fr; }
  body.wa-page .wd-page-nav .wd-page-nav-btn.next-btn, body.wa-page .wd-page-nav .wd-page-nav-btn.prev-btn { grid-column: auto; }
}

/* =====================================================================
   Проекты (portfolio): список и отдельный проект. Стиль «текст под фото» — опция portoflio_style (scripts/theme-options.php)
   ===================================================================== */
/* фильтр по рубрикам — пилюли слева, как вкладки товаров на главной */
body.wa-page-portfolio .portfolio-filter { text-align: left; margin: 0 0 28px; }
body.wa-page-portfolio .portfolio-filter .wd-nav-portfolio { display: inline-flex; flex-wrap: wrap; gap: 6px; padding: 5px; border-radius: 999px; background: var(--wa-card); }
body.wa-page-portfolio .portfolio-filter .wd-nav-portfolio > li > a {
  padding: 9px 18px; border-radius: 999px; font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0; color: var(--wa-muted); background: transparent; transition: background .18s, color .18s;
}
body.wa-page-portfolio .portfolio-filter .wd-nav-portfolio > li > a .nav-link-text::after { display: none; }
body.wa-page-portfolio .portfolio-filter .wd-nav-portfolio > li > a:hover { color: var(--wa-text); }
body.wa-page-portfolio .portfolio-filter .wd-nav-portfolio > li.wd-active > a { background: var(--wa-accent); color: #fff; }
/* карточка: заливка, скругление, текст слева; фото 4:3; кнопки «увеличить/поделиться» по наведению скрыты */
body.wa-page-portfolio .wd-projects { --wd-gap-lg: 20px; --wd-gap-md: 20px; --wd-gap-sm: 14px; }
/* у article поля 15px (сетка Woodmart) — заливка и скругление на .entry-header; тень и белый фон Woodmart сняты */
body.wa-page-portfolio .wd-project .entry-header { display: flex; flex-direction: column; height: 100%; background: var(--wa-card); border-radius: var(--wa-r-card); overflow: hidden; box-shadow: none !important; transition: background .2s; }
body.wa-page-portfolio .wd-project:hover .entry-header { background: var(--wa-card-2); }
body.wa-page-portfolio .wd-project .entry-thumbnail { margin: 0; border-radius: 0; }
body.wa-page-portfolio .wd-project .entry-thumbnail img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 0; }
body.wa-page-portfolio .wd-project .wd-portfolio-btns { display: none; }
body.wa-page-portfolio .wd-project .portfolio-info { padding: 18px 22px 22px; text-align: left; background: transparent !important; }
body.wa-page-portfolio .wd-project .wrap-meta { margin: 0 0 10px; }
body.wa-page-portfolio .wd-project .proj-cats-list { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
body.wa-page-portfolio .wd-project .proj-cats-list li { display: inline-block; padding: 4px 10px; border-radius: 999px; background: #fff; color: var(--wa-accent); font-size: 12.5px; font-weight: 600; line-height: 1.3; text-transform: none; letter-spacing: 0; }
body.wa-page-portfolio .wd-project .proj-cats-list li::after { display: none; }
/* заголовок — ровно 3 строки (длинные названия обрезаются), чтобы masonry Woodmart выстраивался ровной сеткой */
body.wa-page-portfolio .wd-project .wd-entities-title {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
  height: calc(3 * 1.35em); margin: 0; font-size: 17px; line-height: 1.35; font-weight: 600; text-transform: none; letter-spacing: 0; text-align: left;
}
body.wa-page-portfolio .wd-project .wd-entities-title a { color: var(--wa-text); }
body.wa-page-portfolio .wd-project .wd-entities-title a:hover { color: var(--wa-accent); }
/* пагинация — пилюля с заливкой */
body.wa-page-portfolio .wd-loop-footer { margin-top: 32px; text-align: left; }
body.wa-page-portfolio .wd-pagination { text-align: left; }
body.wa-page-portfolio .wd-pagination ul { display: inline-flex; gap: 4px; padding: 5px; border-radius: 999px; background: var(--wa-card); margin: 0; }
body.wa-page-portfolio .wd-pagination ul li { margin: 0; }
body.wa-page-portfolio .wd-pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 12px; border: 0; border-radius: 999px;
  background: transparent; color: var(--wa-text); font-size: 15px; font-weight: 600; line-height: 1; transition: background .15s, color .15s;
}
body.wa-page-portfolio .wd-pagination a.page-numbers:hover { background: #fff; color: var(--wa-text); }
body.wa-page-portfolio .wd-pagination .page-numbers.current { background: var(--wa-accent); color: #fff; }
body.wa-page-portfolio .wd-pagination .page-numbers.next::after, body.wa-page-portfolio .wd-pagination .page-numbers.prev::before { line-height: 1; }

/* ---------- Отдельный проект: текст слева (их WPBakery: текст + галерея), галерея со скруглением ---------- */
body.wa-page-portfolio .wd-single-project { font-size: 16px; line-height: 1.7; color: var(--wa-text); }
body.wa-page-portfolio .wd-single-project p { margin: 0 0 14px; }
body.wa-page-portfolio .wd-single-project strong { color: var(--wa-text); }
body.wa-page-portfolio .wd-single-project .wd-images-gallery .wd-grid-g { --wd-col-lg: 2 !important; --wd-col-md: 2 !important; --wd-gap-lg: 12px !important; --wd-gap-md: 12px !important; --wd-gap-sm: 10px !important; } /* миниатюры 300px — две в ряд вместо трёх мелких */
body.wa-page-portfolio .wd-single-project .wd-gallery-item img { width: 100%; border-radius: 12px; }
body.wa-page-portfolio .wd-single-project .wd-gallery-item a { display: block; overflow: hidden; border-radius: 12px; }
body.wa-page-portfolio .wd-carousel-container.wd-projects { margin-top: 56px; }
body.wa-page-portfolio .wd-carousel-container.wd-projects .wd-carousel-item > .wd-project { width: 100%; padding: 0; }

/* =====================================================================
   Корзина и оформление заказа (ТЗ 4.5): заголовок с шагами-пилюлями (inc/page-hero.php), таблицы без линий,
   поля форм заливкой, «Сумма корзины» и «Ваш заказ» — карточки
   ===================================================================== */
/* шаги под H1: пилюли в общей подложке, текущий — акцентом */
.wa-page-hero--cart .wa-page-hero__meta { margin-top: 18px; }
.wa-page-hero--cart .wd-checkout-steps { display: inline-flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 5px; border-radius: 999px; background: #fff; list-style: none; }
.wa-page-hero--cart .wd-checkout-steps li { margin: 0; padding: 0; display: block; }
.wa-page-hero--cart .wd-checkout-steps li::after, .wa-page-hero--cart .wd-checkout-steps li::before { display: none !important; content: none !important; }
.wa-page-hero--cart .wd-checkout-steps li > a, .wa-page-hero--cart .wd-checkout-steps li > span {
  display: inline-flex; align-items: center; padding: 8px 16px; border-radius: 999px; font-size: 14px; font-weight: 600; line-height: 1.3; text-transform: none; letter-spacing: 0; color: var(--wa-muted); background: transparent; transition: background .18s, color .18s;
}
.wa-page-hero--cart .wd-checkout-steps li > a > span, .wa-page-hero--cart .wd-checkout-steps li > span > span { color: inherit; font: inherit; text-transform: none; }
.wa-page-hero--cart .wd-checkout-steps li > a:hover { color: var(--wa-text); }
.wa-page-hero--cart .wd-checkout-steps li.step-active > a, .wa-page-hero--cart .wd-checkout-steps li.step-active > span { background: var(--wa-accent); color: #fff; }
@media (max-width: 767px) { /* три шага в одну пилюлю не влезают — каждый шаг отдельной белой пилюлей с переносом */
  .wa-page-hero--cart .wd-checkout-steps { display: flex; padding: 0; background: transparent; border-radius: 0; }
  .wa-page-hero--cart .wd-checkout-steps li > a, .wa-page-hero--cart .wd-checkout-steps li > span { background: #fff; }
  .wa-page-hero--cart .wd-checkout-steps li.step-active > a, .wa-page-hero--cart .wd-checkout-steps li.step-active > span { background: var(--wa-accent); }
}

/* ---------- общее для всех страниц WooCommerce (корзина, оформление, аккаунт, вход): поля форм заливкой, без рамок ---------- */
body.wa-page .woocommerce .input-text, body.wa-page .woocommerce input[type="text"], body.wa-page .woocommerce input[type="email"],
body.wa-page .woocommerce input[type="tel"], body.wa-page .woocommerce input[type="password"], body.wa-page .woocommerce input[type="number"],
body.wa-page .woocommerce textarea, body.wa-page .woocommerce select,
body.wa-page .woocommerce .select2-container .select2-selection--single {
  border: 0 !important; border-radius: var(--wa-r-btn); background: var(--wa-card) !important; box-shadow: none !important; color: var(--wa-text); font-size: 15px; height: 48px; padding: 0 16px; transition: background .15s, box-shadow .15s;
}
body.wa-page .woocommerce textarea { height: auto; min-height: 110px; padding: 12px 16px; }
body.wa-page .woocommerce .input-text:focus, body.wa-page .woocommerce textarea:focus, body.wa-page .woocommerce select:focus,
body.wa-page .woocommerce .select2-container--open .select2-selection--single, body.wa-page .woocommerce .select2-container--focus .select2-selection--single {
  background: #fff !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--wa-accent) 30%, transparent) !important; outline: none;
}
body.wa-page .woocommerce .select2-container .select2-selection--single .select2-selection__rendered { line-height: 48px; padding: 0; color: var(--wa-text); }
body.wa-page .woocommerce .select2-container .select2-selection--single .select2-selection__arrow { height: 48px; right: 12px; }
body.wa-page .woocommerce .form-row { margin-bottom: 16px; }
body.wa-page .woocommerce .form-row label { margin-bottom: 6px; font-size: 14px; font-weight: 500; color: var(--wa-text); }
body.wa-page .woocommerce .form-row label .required { color: var(--wa-accent); text-decoration: none; }
body.wa-page .woocommerce .form-row label .optional { color: var(--wa-muted); font-weight: 400; }
body.wa-page .woocommerce .form-row .woocommerce-input-wrapper { display: block; }
body.wa-page .woocommerce input[type="checkbox"], body.wa-page .woocommerce input[type="radio"] { accent-color: var(--wa-accent); width: 16px; height: 16px; }
/* сообщения «Уже покупали?», «Есть купон?» — карточкой, без рамки и иконки */
body.wa-page .woocommerce-info, body.wa-page .woocommerce-message, body.wa-page .woocommerce-error {
  margin: 0 0 12px; padding: 14px 18px !important; border: 0 !important; border-radius: var(--wa-r-card); background: var(--wa-card) !important; color: var(--wa-text); font-size: 15px; line-height: 1.4;
}
body.wa-page .woocommerce-info::before, body.wa-page .woocommerce-message::before, body.wa-page .woocommerce-error::before { display: none; }
body.wa-page .woocommerce-info a { color: var(--wa-accent); font-weight: 600; }
body.wa-page .woocommerce-form-login.hidden-form, body.wa-page .checkout_coupon { margin: 0 0 20px; padding: 20px 22px; border: 0 !important; border-radius: var(--wa-r-card); background: var(--wa-card); }
body.wa-page .woocommerce .woocommerce-form-login .input-text, body.wa-page .woocommerce .checkout_coupon .input-text { background: #fff !important; } /* на карточке-подложке — белые */
/* кнопки WooCommerce: те же, что у сайта (капс Woodmart задаёт переменными) */
body.wa-page .woocommerce { --btn-transform: none; --btn-default-transform: none; --btn-accented-transform: none; }
body.wa-page .woocommerce .button, body.wa-page .woocommerce button.button, body.wa-page .woocommerce a.button {
  height: 48px; line-height: 48px; padding: 0 24px; border: 0; border-radius: var(--wa-r-btn); font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0; box-shadow: none; transition: background .15s, color .15s;
}
body.wa-page .woocommerce .button:not(.alt):not(.checkout-button) { background: var(--wa-card-2); color: var(--wa-text); }
body.wa-page .woocommerce .button:not(.alt):not(.checkout-button):hover { background: #ddd9e6; color: var(--wa-text); }
body.wa-page .woocommerce .button:disabled, body.wa-page .woocommerce .button[disabled] { opacity: .45; }
body.wa-page .woocommerce .button.alt, body.wa-page .woocommerce .checkout-button, body.wa-page .woocommerce #place_order { background: var(--wa-accent); color: #fff; }
body.wa-page .woocommerce .button.alt:hover, body.wa-page .woocommerce .checkout-button:hover, body.wa-page .woocommerce #place_order:hover { background: var(--wa-accent-dark); color: #fff; }

/* ---------- Корзина: таблица без линий, строки товаров ---------- */
body.wa-page-cart .woocommerce-cart-form .shop_table { border: 0 !important; }
body.wa-page-cart .woocommerce-cart-form .shop_table th, body.wa-page-cart .woocommerce-cart-form .shop_table td { border: 0 !important; padding: 14px 12px; vertical-align: middle; }
body.wa-page-cart .woocommerce-cart-form .shop_table thead th { padding: 0 12px 12px; font-size: 12.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--wa-muted); text-align: left; }
body.wa-page-cart .woocommerce-cart-form .shop_table thead th.product-price, body.wa-page-cart .woocommerce-cart-form .shop_table thead th.product-subtotal { text-align: left; }
body.wa-page-cart .woocommerce-cart-form .cart_item td { background: var(--wa-card); }
body.wa-page-cart .woocommerce-cart-form .cart_item td:first-child { border-radius: var(--wa-r-card) 0 0 var(--wa-r-card); padding-left: 18px; }
body.wa-page-cart .woocommerce-cart-form .cart_item td:last-child { border-radius: 0 var(--wa-r-card) var(--wa-r-card) 0; padding-right: 18px; }
body.wa-page-cart .woocommerce-cart-form .cart_item + .cart_item td { border-top: 8px solid #fff !important; } /* промежуток между строками-карточками (белая «рамка» = фон страницы) */
body.wa-page-cart .woocommerce-cart-form td.product-thumbnail { width: 96px; }
body.wa-page-cart .woocommerce-cart-form td.product-thumbnail img { width: 72px; height: 72px; object-fit: contain; border-radius: 10px; background: #fff; }
body.wa-page-cart .woocommerce-cart-form td.product-name a { font-size: 15.5px; font-weight: 600; color: var(--wa-text); }
body.wa-page-cart .woocommerce-cart-form td.product-name a:hover { color: var(--wa-accent); }
body.wa-page-cart .woocommerce-cart-form td.product-price, body.wa-page-cart .woocommerce-cart-form td.product-subtotal { font-size: 15px; color: var(--wa-text); white-space: nowrap; text-align: left; }
body.wa-page-cart .woocommerce-cart-form td.product-subtotal .amount { font-weight: 700; color: var(--wa-text); }
body.wa-page-cart .woocommerce-cart-form td.product-remove { width: 44px; }
body.wa-page-cart .woocommerce-cart-form td.product-remove .remove {
  display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #fff; color: var(--wa-muted); font-size: 0; line-height: 1; font-weight: 400; text-decoration: none; transition: background .15s, color .15s;
}
body.wa-page-cart .woocommerce-cart-form td.product-remove .remove::before { font-size: 11px; line-height: 1; height: auto; width: auto; color: inherit; } /* иконка Woodmart (текст «×» скрыт через font-size 0) */
body.wa-page-cart .woocommerce-cart-form td.product-remove .remove { display: flex !important; align-items: center; justify-content: center; } /* grid ставил иконку в первую ячейку, а пустой текстовый узел — во вторую: крестик уезжал вверх */
body.wa-page-cart .woocommerce-cart-form td.product-remove .remove:hover { background: var(--wa-accent); color: #fff; }
/* количество: три ячейки на белом, без рамок */
body.wa-page-cart .woocommerce .quantity { display: inline-flex; align-items: center; height: 40px; border: 0 !important; border-radius: var(--wa-r-btn); background: #fff; overflow: hidden; }
body.wa-page-cart .woocommerce .quantity .btn, body.wa-page-cart .woocommerce .quantity input[type="button"] { width: 36px; height: 40px; border: 0; background: transparent; color: var(--wa-muted); font-size: 16px; line-height: 40px; padding: 0; }
body.wa-page-cart .woocommerce .quantity .btn:hover { color: var(--wa-accent); background: transparent; }
body.wa-page-cart .woocommerce .quantity .qty { width: 40px; height: 40px; padding: 0; border: 0 !important; background: transparent !important; text-align: center; font-weight: 600; box-shadow: none !important; }
/* строка действий: купон слева, «Обновить корзину» справа */
body.wa-page-cart .woocommerce-cart-form .wd-cart-action-row td { padding: 20px 0 0; background: transparent; }
body.wa-page-cart .woocommerce-cart-form .cart-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
body.wa-page-cart .woocommerce-cart-form .coupon { display: flex; gap: 8px; margin: 0; padding: 0; border: 0 !important; }
body.wa-page-cart .woocommerce-cart-form .coupon .input-text { width: 220px; }
/* «Сумма корзины» — карточка */
body.wa-page-cart .cart_totals { padding: 0; border: 0 !important; }
body.wa-page-cart .cart-totals-inner { padding: 24px 24px 24px; border: 0 !important; border-radius: var(--wa-r-card) !important; background: var(--wa-card); box-shadow: none; }
body.wa-page-cart .cart-totals-inner h2 { margin: 0 0 16px; font-size: 20px; font-weight: 700; text-transform: none; letter-spacing: 0; color: var(--wa-text); }
body.wa-page-cart .cart-totals-inner .shop_table { border: 0 !important; margin: 0 0 18px; }
body.wa-page-cart .cart-totals-inner .shop_table th, body.wa-page-cart .cart-totals-inner .shop_table td { border: 0 !important; padding: 8px 0; font-size: 15px; text-transform: none; letter-spacing: 0; text-align: left; }
body.wa-page-cart .cart-totals-inner .shop_table th { font-weight: 500; color: var(--wa-muted); }
body.wa-page-cart .cart-totals-inner .shop_table td { text-align: right; color: var(--wa-text); }
body.wa-page-cart .cart-totals-inner .order-total th, body.wa-page-cart .cart-totals-inner .order-total td { padding-top: 14px; font-size: 16px; color: var(--wa-text); font-weight: 700; }
body.wa-page-cart .cart-totals-inner .order-total .amount { font-size: 22px; color: var(--wa-text); }
body.wa-page-cart .cart-totals-inner .includes_tax { display: block; margin-top: 2px; font-size: 12.5px; font-weight: 400; color: var(--wa-muted); }
body.wa-page-cart .cart-totals-inner .includes_tax .amount { font-size: inherit; color: inherit; }
body.wa-page-cart .wc-proceed-to-checkout { padding: 0; margin: 0; }
body.wa-page-cart .wc-proceed-to-checkout .checkout-button { display: block; width: 100%; text-align: center; margin: 0; }
/* пустые корзина / избранное / сравнение — слева, без иконки Woodmart (рисуется через ::before у p.wd-empty-page) */
body.wa-page p.wd-empty-page { text-align: left; margin: 0 0 10px; padding: 0; font-size: clamp(24px, 2.4vw, 30px); font-weight: 700; color: var(--wa-text); }
body.wa-page p.wd-empty-page::before, body.wa-page p.wd-empty-page::after { display: none !important; content: none !important; }
body.wa-page .wd-empty-page-text { max-width: 560px; margin: 0 0 22px; text-align: left; font-size: 16px; line-height: 1.6; color: var(--wa-muted); }
body.wa-page .return-to-shop { text-align: left; margin: 0; }
body.wa-page .return-to-shop .button { height: 48px; line-height: 48px; padding: 0 24px; border-radius: var(--wa-r-btn); text-transform: none; letter-spacing: 0; font-weight: 600; background: var(--wa-accent) !important; color: #fff !important; }
body.wa-page .return-to-shop .button:hover { background: var(--wa-accent-dark) !important; }

/* ---------- Оформление: их заметка про телефон — слева; форма и «Ваш заказ» ---------- */
body.wa-page-cart .entry-content > h3:first-child { text-align: left !important; margin: 0 0 22px; font-size: 16px; font-weight: 600; text-transform: none; letter-spacing: 0; color: var(--wa-text); }
body.wa-page-cart .entry-content > h3:first-child span { color: var(--wa-accent) !important; }
body.wa-page-cart .woocommerce-billing-fields h3, body.wa-page-cart .woocommerce-shipping-fields h3, body.wa-page-cart #order_review_heading { margin: 0 0 18px; font-size: 22px; font-weight: 700; text-transform: none; letter-spacing: 0; color: var(--wa-text); }
body.wa-page-cart .woocommerce-shipping-fields h3 label { font-size: 15px; font-weight: 600; }
/* «Ваш заказ» — карточка вместо «бумажки» Woodmart */
body.wa-page-cart .checkout-order-review { padding: 24px; border: 0 !important; border-radius: var(--wa-r-card); background: var(--wa-card) !important; box-shadow: none !important; }
body.wa-page-cart .checkout-order-review::before, body.wa-page-cart .checkout-order-review::after { display: none !important; content: none !important; }
body.wa-page-cart .checkout-order-review #order_review_heading { text-align: left; }
body.wa-page-cart .woocommerce-checkout-review-order-table { border: 0 !important; margin: 0 0 18px; }
body.wa-page-cart .woocommerce-checkout-review-order-table tr { border: 0 !important; }
body.wa-page-cart #order_review .wd-table-wrapper { background: transparent; box-shadow: none !important; padding: 0 !important; }
body.wa-page-cart .woocommerce-checkout-review-order-table .cart-subtotal .amount { color: var(--wa-text); }
body.wa-page-cart .woocommerce-checkout-review-order-table th, body.wa-page-cart .woocommerce-checkout-review-order-table td { border: 0 !important; padding: 8px 0; font-size: 15px; text-transform: none; letter-spacing: 0; text-align: left; }
body.wa-page-cart .woocommerce-checkout-review-order-table thead th { padding: 0 0 8px; font-size: 12.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--wa-muted); }
body.wa-page-cart .woocommerce-checkout-review-order-table thead th.product-total, body.wa-page-cart .woocommerce-checkout-review-order-table tfoot td { text-align: right; }
body.wa-page-cart .woocommerce-checkout-review-order-table .wd-checkout-prod { padding: 10px 0; }
body.wa-page-cart .woocommerce-checkout-review-order-table .wd-checkout-prod-cont { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
body.wa-page-cart .woocommerce-checkout-review-order-table .wd-checkout-prod-title { color: var(--wa-text); font-weight: 500; }
body.wa-page-cart .woocommerce-checkout-review-order-table .wd-checkout-prod-total { white-space: nowrap; color: var(--wa-text); }
body.wa-page-cart .woocommerce-checkout-review-order-table tfoot th { font-weight: 500; color: var(--wa-muted); }
body.wa-page-cart .woocommerce-checkout-review-order-table tfoot td { color: var(--wa-text); }
body.wa-page-cart .woocommerce-checkout-review-order-table .order-total th, body.wa-page-cart .woocommerce-checkout-review-order-table .order-total td { padding-top: 14px; font-weight: 700; color: var(--wa-text); }
body.wa-page-cart .woocommerce-checkout-review-order-table .order-total .amount { font-size: 22px; color: var(--wa-text); }
body.wa-page-cart .woocommerce-checkout-review-order-table .includes_tax { display: block; font-size: 12.5px; font-weight: 400; color: var(--wa-muted); }
body.wa-page-cart .woocommerce-checkout-review-order-table .includes_tax .amount { font-size: inherit; color: inherit; }
/* способы оплаты и согласия */
body.wa-page-cart #payment { background: transparent; border: 0; border-radius: 0; }
body.wa-page-cart #payment .wc_payment_methods { margin: 0 0 18px; padding: 0; border: 0 !important; }
body.wa-page-cart #payment .wc_payment_method { padding: 0; border: 0 !important; }
body.wa-page-cart #payment .wc_payment_method > label { font-size: 15px; font-weight: 600; color: var(--wa-text); }
body.wa-page-cart #payment .payment_box { margin: 8px 0 0; padding: 12px 16px; border: 0; border-radius: var(--wa-r-btn); background: #fff; color: var(--wa-muted); font-size: 14px; }
body.wa-page-cart #payment .payment_box::before { display: none; }
body.wa-page-cart #payment .place-order { padding: 0; margin: 0; border: 0; background: transparent; }
body.wa-page-cart #payment .woocommerce-terms-and-conditions-wrapper { margin: 0 0 16px; padding-top: 0; border-top: 0 !important; }
body.wa-page-cart #payment .woocommerce-terms-and-conditions-wrapper p, body.wa-page-cart #payment .form-row.validate-required { margin: 0 0 10px; font-size: 13.5px; color: var(--wa-muted); }
body.wa-page-cart #payment .woocommerce-terms-and-conditions-wrapper label, body.wa-page-cart #payment .woocommerce-form__label-for-checkbox { display: flex; align-items: flex-start; gap: 8px; font-size: 13.5px; font-weight: 400; color: var(--wa-muted); }
body.wa-page-cart #payment .woocommerce-terms-and-conditions-wrapper a { color: var(--wa-accent); }
body.wa-page-cart #payment #place_order { display: flex !important; align-items: center; justify-content: center; width: 100%; text-align: center; }
body.wa-page-cart .woocommerce-privacy-policy-text { display: none; }
@media (max-width: 768.98px) {
  /* мобильная раскладка Woodmart (строка — колонка, фото и «×» абсолютом, подписи через data-title) — только карточка и без пунктирных линий */
  body.wa-page-cart .woocommerce-cart-form .shop_table .cart_item { padding: 14px 14px 14px 118px; min-height: 128px; margin-bottom: 10px; border: 0 !important; border-radius: var(--wa-r-card); background: var(--wa-card); }
  body.wa-page-cart .woocommerce-cart-form .shop_table .cart_item td { padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; }
  body.wa-page-cart .woocommerce-cart-form .shop_table .cart_item td::before { font-size: 13px; color: var(--wa-muted); }
  body.wa-page-cart .woocommerce-cart-form .shop_table .cart_item td.product-thumbnail { top: 14px; inset-inline-start: 14px; width: auto; }
  body.wa-page-cart .woocommerce-cart-form .shop_table .cart_item td.product-thumbnail img { width: 90px; height: 90px; min-width: 0; max-width: none; }
  body.wa-page-cart .woocommerce-cart-form .shop_table .cart_item td.product-remove { top: 10px; inset-inline-end: 10px; width: auto; }
  body.wa-page-cart .woocommerce-cart-form .shop_table .cart_item td.product-name { padding-inline-end: 32px !important; }
  body.wa-page-cart .woocommerce-cart-form .cart-actions { flex-direction: column; align-items: stretch; }
  body.wa-page-cart .woocommerce-cart-form .coupon { flex-direction: column; }
  body.wa-page-cart .woocommerce-cart-form .coupon .input-text { width: 100%; flex: none; height: 48px; } /* в столбце flex: 1 давал полю высоту 0 */
  body.wa-page-cart .cart-totals-inner .shop_table tr { border: 0 !important; padding: 0; margin: 0; }
}
/* ---------- «Заказ принят»: сообщение и сводка карточками, таблица заказа без линий ---------- */
body.wa-page-cart .woocommerce-thankyou-order-received { margin: 0 0 20px; padding: 18px 22px; border: 0 !important; border-radius: var(--wa-r-card); background: var(--wa-card); text-align: left; font-size: 18px; font-weight: 600; color: var(--wa-text); }
body.wa-page-cart .woocommerce-order-overview { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 28px; padding: 0; list-style: none; border: 0; }
body.wa-page-cart .woocommerce-order-overview li { flex: 1 1 180px; margin: 0; padding: 14px 18px; border: 0 !important; border-radius: var(--wa-r-card); background: var(--wa-card); font-size: 13px; color: var(--wa-muted); text-transform: none; letter-spacing: 0; }
body.wa-page-cart .woocommerce-order-overview li strong { display: block; margin-top: 4px; font-size: 16px; color: var(--wa-text); }
body.wa-page-cart .woocommerce-order-details h2, body.wa-page-cart .woocommerce-customer-details h2 { margin: 0 0 16px; font-size: 22px; font-weight: 700; text-transform: none; letter-spacing: 0; }
body.wa-page-cart .woocommerce-table--order-details { border: 0 !important; }
body.wa-page-cart .woocommerce-table--order-details th, body.wa-page-cart .woocommerce-table--order-details td { border: 0 !important; padding: 10px 12px; text-transform: none; letter-spacing: 0; text-align: left; }
body.wa-page-cart .woocommerce-table--order-details thead th { padding: 0 12px 10px; font-size: 12.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--wa-muted); }
body.wa-page-cart .woocommerce-table--order-details tbody tr:nth-child(odd) td { background: var(--wa-card); }
body.wa-page-cart .woocommerce-table--order-details tbody td:first-child { border-radius: 10px 0 0 10px; }
body.wa-page-cart .woocommerce-table--order-details tbody td:last-child { border-radius: 0 10px 10px 0; }
body.wa-page-cart .woocommerce-table--order-details tfoot th { font-weight: 500; color: var(--wa-muted); }
body.wa-page-cart .woocommerce-table--order-details tfoot tr:last-child th, body.wa-page-cart .woocommerce-table--order-details tfoot tr:last-child td { font-weight: 700; color: var(--wa-text); }
body.wa-page-cart .woocommerce-customer-details address { padding: 18px 22px; border: 0 !important; border-radius: var(--wa-r-card); background: var(--wa-card); font-style: normal; line-height: 1.6; }

/* =====================================================================
   Контакты (страница 655, их WPBakery: адрес + реквизиты слева, Яндекс-карта справа):
   левая колонка — карточка, линии из inline-стилей контента сняты, карта со скруглением
   ===================================================================== */
/* строка «адрес + карта»: flex, колонки одной высоты; карта тянется на высоту блока адреса */
@media (min-width: 992px) {
  body.page-id-655 .vc_row.vc_custom_1484587700785 { display: flex; align-items: stretch; gap: 20px; margin-left: 0 !important; margin-right: 0 !important; }
  body.page-id-655 .vc_row.vc_custom_1484587700785::before, body.page-id-655 .vc_row.vc_custom_1484587700785::after { display: none; } /* clearfix-псевдоэлементы во flex становятся элементами и дают лишний gap */
  body.page-id-655 .vc_row.vc_custom_1484587700785 > .wpb_column { padding: 0 !important; }
  body.page-id-655 .vc_row.vc_custom_1484587700785 > .vc_col-lg-4 { flex: 0 0 calc(33.333% - 10px) !important; width: calc(33.333% - 10px) !important; max-width: none !important; }
  body.page-id-655 .vc_row.vc_custom_1484587700785 > .vc_col-lg-8 { flex: 0 0 calc(66.667% - 10px) !important; width: calc(66.667% - 10px) !important; max-width: none !important; }
  body.page-id-655 .vc_row.vc_custom_1484587700785 > .wpb_column > .vc_column-inner, body.page-id-655 .vc_row.vc_custom_1484587700785 > .wpb_column > .vc_column-inner > .wpb_wrapper { height: 100%; }
  body.page-id-655 .vc_col-lg-8 > .vc_column-inner > .wpb_wrapper { position: relative; }
  body.page-id-655 .vc_col-lg-8 > .vc_column-inner > .wpb_wrapper > .wpb_text_column, body.page-id-655 .vc_col-lg-8 .wpb_wrapper > p { position: absolute; inset: 0; margin: 0 !important; }
  body.page-id-655 .vc_col-lg-8 iframe { height: 100% !important; display: block; }
}
body.page-id-655 .vc_col-lg-4 > .vc_column-inner { background: var(--wa-card); border-radius: var(--wa-r-card); padding: 28px 30px 12px !important; margin-bottom: 0 !important; }
body.page-id-655 .vc_col-lg-8 > .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; }
body.page-id-655 .vc_col-lg-4 > .vc_column-inner .wpb_text_column:last-child { margin-bottom: 16px !important; }
body.page-id-655 .title-wrapper { border: 0 !important; padding: 0 !important; margin: 0 0 12px !important; }
body.page-id-655 .title-wrapper .liner-continer::before, body.page-id-655 .title-wrapper .liner-continer::after, body.page-id-655 .title-wrapper .title::after { display: none !important; }
body.page-id-655 .title-wrapper .title { font-size: 16px !important; font-weight: 700; letter-spacing: .02em; color: var(--wa-text); }
body.page-id-655 .wpb_text_column { border: 0 !important; padding: 0 !important; margin-bottom: 26px !important; font-size: 15px; line-height: 1.7; color: var(--wa-text); }
body.page-id-655 .wpb_text_column strong { font-weight: 600; color: var(--wa-muted); }
body.page-id-655 .wpb_text_column a { color: var(--wa-accent); font-weight: 600; }
body.page-id-655 .vc_col-lg-8 > .vc_column-inner .wpb_text_column { margin: 0 !important; }
body.page-id-655 .vc_col-lg-8 > .vc_column-inner .wpb_wrapper > p { margin: 0; }
body.page-id-655 .vc_col-lg-8 [class*="ymaps"], body.page-id-655 .vc_col-lg-8 iframe { border-radius: var(--wa-r-card); }
body.page-id-655 .vc_col-lg-8 iframe { width: 100% !important; }
body.page-id-655 .vc_col-lg-8 > .vc_column-inner > .wpb_wrapper { border-radius: var(--wa-r-card); overflow: hidden; min-height: 360px; }
@media (max-width: 991px) { body.page-id-655 .vc_col-lg-8 iframe { height: 380px !important; display: block; } body.page-id-655 .vc_col-lg-8 > .vc_column-inner > .wpb_wrapper { margin-bottom: 20px; } } /* на планшете/мобиле карта фиксированной высоты, а не 645px из iframe */
/* «Реквизиты» — своя строка на всю ширину (inc/contacts.php), карточка, поля в две колонки */
body.page-id-655 .vc_row.wa-contacts-req { margin-top: 20px !important; margin-left: 0 !important; margin-right: 0 !important; }
body.page-id-655 .vc_row.wa-contacts-req > .wpb_column { padding: 0; }
body.page-id-655 .vc_row.wa-contacts-req > .wpb_column > .vc_column-inner { background: var(--wa-card); border-radius: var(--wa-r-card); padding: 28px 30px 6px !important; }
body.page-id-655 .vc_row.wa-contacts-req .wpb_text_column p { columns: 2; column-gap: 48px; }
@media (max-width: 767px) {
  body.page-id-655 .vc_row.wa-contacts-req .wpb_text_column p { columns: 1; }
  body.page-id-655 .vc_col-lg-4 > .vc_column-inner { margin-bottom: 20px !important; }
}

/* =====================================================================
   «О компании» (страница 996, их WPBakery): заголовок секции слева без линий, таймлайн «Шаг 1/2/3» —
   без пунктира и стрелок, текст и фото карточками с заливкой, шаги — пилюли слева; старый фиолетовый в inline-стилях → акцент
   ===================================================================== */
body.page-id-996 [style*="#6c46a8"] { color: var(--wa-accent) !important; }
body.page-id-996 .wpb_text_column { font-size: 16px; line-height: 1.7; color: var(--wa-text); }
body.page-id-996 .wpb_text_column h5 { font-size: 17px; line-height: 1.6; font-weight: 500; color: var(--wa-text); } /* вставленный из ChatGPT h5 во вступлении */
body.page-id-996 .wpb_text_column h3 { margin: 0 0 10px; font-size: 22px; line-height: 1.25; font-weight: 700; text-transform: none; letter-spacing: 0; }
body.page-id-996 .wpb_text_column h3 + p { margin-bottom: 22px; color: var(--wa-muted); }
body.page-id-996 .wpb_text_column ul { padding-left: 22px; }
body.page-id-996 .wpb_text_column li { margin-bottom: 8px; }
body.page-id-996 .wpb_text_column li::marker { color: var(--wa-accent); }
/* заголовок секции: слева, подводка над ним как у .wa-section-head, без линий */
body.page-id-996 .title-wrapper.wd-title-style-bordered { text-align: left !important; margin-bottom: 8px !important; }
body.page-id-996 .title-wrapper.wd-title-style-bordered .liner-continer { display: block; }
body.page-id-996 .title-wrapper.wd-title-style-bordered .liner-continer::before, body.page-id-996 .title-wrapper.wd-title-style-bordered .liner-continer::after,
body.page-id-996 .title-wrapper.wd-title-style-bordered .title::before, body.page-id-996 .title-wrapper.wd-title-style-bordered .title::after { display: none !important; }
body.page-id-996 .title-wrapper .title-subtitle { margin: 0 0 8px; font-size: 13px; font-weight: 600; letter-spacing: .08em; color: var(--wa-accent); text-align: left; }
body.page-id-996 .title-wrapper.wd-title-style-bordered .title { padding: 0; font-size: clamp(26px, 2.6vw, 34px) !important; line-height: 1.2; font-weight: 700; letter-spacing: -.015em; text-align: left; }
/* таймлайн */
body.page-id-996 .wd-timeline-wrapper { padding-block: 10px 0; }
body.page-id-996 .woodmart-timeline-line, body.page-id-996 .woodmart-timeline-dot, body.page-id-996 .timeline-arrow { display: none !important; }
body.page-id-996 .wd-timeline-breakpoint { text-align: left; margin: 0 0 16px; }
body.page-id-996 .woodmart-timeline-breakpoint-title { padding: 6px 14px; border-radius: 999px; background: var(--wa-accent) !important; color: #fff; font-size: 13px; font-weight: 600; letter-spacing: .04em; box-shadow: none !important; }
body.page-id-996 .wd-timeline-item { margin-bottom: 36px; }
body.page-id-996 .wd-timeline-item.wd-item-position-left, body.page-id-996 .wd-timeline-item.wd-item-position-right { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: stretch; }
body.page-id-996 .wd-timeline-item.wd-item-position-right { direction: rtl; } /* фото слева, текст справа — как у Woodmart, но сеткой */
body.page-id-996 .wd-timeline-item.wd-item-position-right > * { direction: ltr; }
body.page-id-996 .wd-timeline-item .timeline-col { max-width: none !important; width: auto !important; margin: 0 !important; padding: 28px 30px 16px; text-align: left !important; background: var(--wa-card) !important; border-radius: var(--wa-r-card); box-shadow: none !important; }
body.page-id-996 .wd-timeline-item .timeline-col-primary { display: flex; flex-direction: column; justify-content: center; }
body.page-id-996 .wd-timeline-item .timeline-col-secondary { padding: 0; overflow: hidden; }
body.page-id-996 .wd-timeline-item .wd-timeline-image { display: block; width: 100%; margin: 0; }
body.page-id-996 .wd-timeline-item .wd-timeline-image img { display: block; width: 100%; height: auto; border-radius: 0; } /* их коллажи с логотипами — не обрезаем, фото задаёт высоту ряда */
body.page-id-996 .wd-timeline-item .wd-timeline-content h3 { font-size: 22px; }
body.page-id-996 .wd-timeline-item .wd-timeline-content p { color: var(--wa-muted); }
@media (max-width: 768.98px) {
  body.page-id-996 .wd-timeline-item.wd-item-position-left, body.page-id-996 .wd-timeline-item.wd-item-position-right { grid-template-columns: 1fr; padding: 0; margin-top: 0 !important; box-shadow: none !important; text-align: left; direction: ltr; }
  body.page-id-996 .wd-timeline-item .timeline-col { padding: 22px 20px 10px; background: var(--wa-card) !important; }
  body.page-id-996 .wd-timeline-item .timeline-col-secondary { padding: 0; }
}
body.page-id-996 .vc_single_image img { border-radius: var(--wa-r-card); }

/* =====================================================================
   Текстовые страницы (их WPBakery): Сертификаты, Доставка, Оплата, Гарантии и прочие — общие правила:
   заголовки слева и без линий, разделители сняты, вкладки WPBakery пилюлями, инфобоксы и картинки карточками
   ===================================================================== */
body.wa-page-page .wpb_text_column, body.page-id-2903 .wpb_text_column { font-size: 16px; line-height: 1.7; }
body.wa-page-page .wpb_text_column p, body.page-id-2903 .wpb_text_column p { margin-bottom: 16px; }
body.wa-page-page .wpb_text_column :is(h2, h3, h4), body.page-id-2903 .wpb_text_column :is(h2, h3, h4) { text-align: left !important; margin: 28px 0 12px; line-height: 1.25; text-transform: none; letter-spacing: 0; }
body.wa-page-page .wpb_text_column :is(h2, h3, h4):first-child, body.page-id-2903 .wpb_text_column :is(h2, h3, h4):first-child { margin-top: 0; }
body.wa-page-page .wpb_text_column h2, body.page-id-2903 .wpb_text_column h2 { font-size: 26px; }
body.wa-page-page .wpb_text_column h3, body.page-id-2903 .wpb_text_column h3 { font-size: 22px; }
body.wa-page-page .wpb_text_column li::marker, body.page-id-2903 .wpb_text_column li::marker { color: var(--wa-accent); }
/* заголовки-элементы Woodmart: слева, без линий и подчёркиваний */
body.wa-page-page .title-wrapper, body.page-id-2903 .title-wrapper { text-align: left !important; }
body.wa-page-page .title-wrapper .liner-continer, body.page-id-2903 .title-wrapper .liner-continer { display: block; }
body.wa-page-page .title-wrapper :is(.liner-continer, .title)::before, body.wa-page-page .title-wrapper :is(.liner-continer, .title)::after,
body.page-id-2903 .title-wrapper :is(.liner-continer, .title)::before, body.page-id-2903 .title-wrapper :is(.liner-continer, .title)::after { display: none !important; }
body.wa-page-page .title-wrapper .title, body.page-id-2903 .title-wrapper .title { padding: 0; margin: 0 0 8px; text-align: left; line-height: 1.2; letter-spacing: -.01em; }
body.wa-page-page .title-wrapper .title.wd-fontsize-xxl, body.page-id-2903 .title-wrapper .title.wd-fontsize-xxl { font-size: clamp(26px, 2.6vw, 34px) !important; }
body.wa-page-page .title-wrapper .title.wd-fontsize-l, body.page-id-2903 .title-wrapper .title.wd-fontsize-l { font-size: clamp(22px, 2.2vw, 28px) !important; }
body.wa-page-page .title-wrapper .title-subtitle, body.page-id-2903 .title-wrapper .title-subtitle { margin: 0 0 8px; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-align: left; }
body.wa-page-page .title-wrapper .title-after_title, body.page-id-2903 .title-wrapper .title-after_title { margin: 0; max-width: 760px; text-align: left; font-size: 16px !important; line-height: 1.65; color: var(--wa-muted); }
body.wa-page-page .title-wrapper .title, body.wa-page-page .title-wrapper .liner-continer, body.page-id-2903 .title-wrapper .title, body.page-id-2903 .title-wrapper .liner-continer { border: 0 !important; } /* стиль underlined: линия под словом и серая по ширине */
body.wa-page-page .vc_separator, body.page-id-2903 .vc_separator { display: none !important; }
/* картинки: без серой рамки WPBakery, со скруглением */
body.wa-page-page .vc_single_image-wrapper, body.page-id-2903 .vc_single_image-wrapper { border: 0 !important; border-radius: var(--wa-r-card); overflow: hidden; }
body.wa-page-page .vc_single_image img, body.page-id-2903 .vc_single_image img { border-radius: var(--wa-r-card); }
/* вкладки WPBakery (vc_tta modern) → пилюли слева, панель без рамок */
body.wa-page-page .vc_tta.vc_general .vc_tta-tabs-container, body.page-id-2903 .vc_tta.vc_general .vc_tta-tabs-container { text-align: left; margin: 0 0 20px; }
body.wa-page-page .vc_tta.vc_general .vc_tta-tabs-list, body.page-id-2903 .vc_tta.vc_general .vc_tta-tabs-list { display: inline-flex !important; flex-wrap: wrap; gap: 6px; padding: 5px; border-radius: 999px; background: var(--wa-card); }
body.wa-page-page .vc_tta.vc_general .vc_tta-tab, body.page-id-2903 .vc_tta.vc_general .vc_tta-tab { margin: 0 !important; }
body.wa-page-page .vc_tta.vc_general .vc_tta-tab > a, body.page-id-2903 .vc_tta.vc_general .vc_tta-tab > a {
  padding: 9px 18px !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; color: var(--wa-muted) !important; font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0; transition: background .18s, color .18s;
}
body.wa-page-page .vc_tta.vc_general .vc_tta-tab > a:hover, body.page-id-2903 .vc_tta.vc_general .vc_tta-tab > a:hover { color: var(--wa-text) !important; }
body.wa-page-page .vc_tta.vc_general .vc_tta-tab.vc_active > a, body.page-id-2903 .vc_tta.vc_general .vc_tta-tab.vc_active > a { background: var(--wa-accent) !important; color: #fff !important; }
body.wa-page-page .vc_tta.vc_general .vc_tta-panel-body, body.page-id-2903 .vc_tta.vc_general .vc_tta-panel-body { padding: 0 !important; border: 0 !important; background: transparent !important; }
body.wa-page-page .vc_tta.vc_general .vc_tta-panel-heading, body.page-id-2903 .vc_tta.vc_general .vc_tta-panel-heading { border: 0 !important; background: var(--wa-card) !important; border-radius: var(--wa-r-btn) !important; }
body.wa-page-page .vc_tta.vc_general .vc_tta-panel-heading .vc_tta-panel-title > a, body.page-id-2903 .vc_tta.vc_general .vc_tta-panel-heading .vc_tta-panel-title > a { color: var(--wa-text) !important; }
body.wa-page-page .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading, body.page-id-2903 .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading { background: var(--wa-accent) !important; }
body.wa-page-page .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title > a, body.page-id-2903 .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title > a { color: #fff !important; }
/* инфобоксы Woodmart — карточка с заливкой, иконка слева */
body.wa-page-page .wd-info-box, body.wa-page-page .info-box-wrapper { background: var(--wa-card); border-radius: var(--wa-r-card); padding: 22px 24px; text-align: left; box-shadow: none !important; border: 0 !important; }
body.wa-page-page .wd-info-box .info-box-title, body.wa-page-page .info-box-wrapper .info-box-title { font-size: 17px; font-weight: 700; text-transform: none; letter-spacing: 0; text-align: left; }
body.wa-page-page .wd-info-box .info-box-inner, body.wa-page-page .info-box-wrapper .info-box-inner { color: var(--wa-muted); text-align: left; }
/* кнопки Woodmart с обводкой — заливкой */
body.wa-page-page .btn.btn-style-bordered, body.page-id-2903 .btn.btn-style-bordered { border: 0 !important; background: rgba(255,255,255,.14) !important; color: #fff !important; }
body.wa-page-page .btn.btn-style-bordered:hover, body.page-id-2903 .btn.btn-style-bordered:hover { background: rgba(255,255,255,.24) !important; }
body.wa-page-page .wd-button-wrapper, body.page-id-2903 .wd-button-wrapper { text-align: left !important; }

/* ---------- Доставка (2903, заголовок в Woodmart выключен — на странице свой H1): фиолетовые секции → тёмные, как CTA; белые линии между цифрами сняты ---------- */
body.page-id-2903 .vc_section .woodmart-row-gradient { background: radial-gradient(60% 80% at 78% 45%, color-mix(in srgb, var(--wa-accent) 28%, transparent), transparent 70%), var(--wa-dark-2) !important; }
body.page-id-2903 .vc_section .vc_row-has-fill, body.page-id-2903 .vc_section .vc_inner, body.page-id-2903 .vc_section .vc_column-inner { border: 0 !important; }
body.page-id-2903 .vc_section .wd-text-block-wrapper { text-align: left !important; }
body.page-id-2903 .vc_section .woodmart-text-block { color: #fff !important; }
body.page-id-2903 .vc_section .font-text.woodmart-text-block { color: #b6b1c2 !important; font-size: 14px !important; }
body.page-id-2903 .vc_section .font-primary.woodmart-text-block { font-size: clamp(30px, 3vw, 40px) !important; font-weight: 700 !important; letter-spacing: -.02em; }
body.page-id-2903 .vc_section .vc_inner.vc_row-has-fill { background: transparent !important; }
body.page-id-2903 .vc_section .title-wrapper .title { color: #fff; }
body.page-id-2903 .vc_section .title-wrapper .title-subtitle { color: var(--wa-accent-soft); }
body.page-id-2903 .vc_section .title-wrapper .title-after_title { color: #b6b1c2; }
body.page-id-2903 .vc_section .btn { text-transform: none !important; letter-spacing: 0; font-weight: 600; border-radius: var(--wa-r-btn); }
body.page-id-2903 .vc_section .btn.btn-color-white.btn-style-default { background: var(--wa-accent) !important; color: #fff !important; }
body.page-id-2903 .vc_section .btn.btn-color-white.btn-style-default:hover { background: var(--wa-accent-dark) !important; }
body.page-id-2903 .vc_row.vc_row-has-fill[class*="vc_custom_1633769649394"] { background: var(--wa-dark) !important; border-radius: 0; }
body.page-id-2903 .vc_row.vc_row-has-fill .vc_custom_heading { text-align: left !important; font-size: clamp(24px, 2.4vw, 30px) !important; font-weight: 700; letter-spacing: -.01em; text-transform: none; }
/* ---------- Оплата (2904): единственная колонка внутри вкладки — на всю ширину ---------- */
body.page-id-2904 .vc_tta-panel .vc_row_inner .vc_col-sm-6 { width: 100%; }
/* ---------- Сертификаты (7190): пары «скан + описание» (две колонки по 1/4) — одна карточка на пару ---------- */
@media (min-width: 768px) {
  body.page-id-7190 .wpb-content-wrapper > .vc_row:has(.vc_col-sm-3 .title-wrapper) { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 0 20px; margin-bottom: 20px; margin-left: 0 !important; margin-right: 0 !important; }
  body.page-id-7190 .wpb-content-wrapper > .vc_row:has(.vc_col-sm-3 .title-wrapper)::before, body.page-id-7190 .wpb-content-wrapper > .vc_row:has(.vc_col-sm-3 .title-wrapper)::after { display: none; }
  body.page-id-7190 .wpb-content-wrapper > .vc_row:has(.vc_col-sm-3 .title-wrapper) > .vc_col-sm-3 { display: flex; width: auto !important; max-width: none !important; padding: 0 !important; }
  /* колонки 1 и 3 — сканы (уже), 2 и 4 — описание (шире); пара делит одну карточку: у скана скругление слева, у текста — справа */
  body.page-id-7190 .wpb-content-wrapper > .vc_row:has(.vc_col-sm-3 .title-wrapper) > .vc_col-sm-3:nth-of-type(odd) { flex: 0 0 calc(20% - 10px); margin-right: -20px; }
  body.page-id-7190 .wpb-content-wrapper > .vc_row:has(.vc_col-sm-3 .title-wrapper) > .vc_col-sm-3:nth-of-type(even) { flex: 1 1 0; }
  body.page-id-7190 .wpb-content-wrapper > .vc_row:has(.vc_col-sm-3 .title-wrapper) > .vc_col-sm-3 > .vc_column-inner { width: 100%; margin: 0 !important; background: var(--wa-card); padding: 24px !important; }
  body.page-id-7190 .wpb-content-wrapper > .vc_row:has(.vc_col-sm-3 .title-wrapper) > .vc_col-sm-3:nth-of-type(odd) > .vc_column-inner { border-radius: var(--wa-r-card) 0 0 var(--wa-r-card); padding-right: 0 !important; }
  body.page-id-7190 .wpb-content-wrapper > .vc_row:has(.vc_col-sm-3 .title-wrapper) > .vc_col-sm-3:nth-of-type(even) > .vc_column-inner { border-radius: 0 var(--wa-r-card) var(--wa-r-card) 0; padding-left: 20px !important; }
}
body.page-id-7190 .vc_single_image { margin-bottom: 0 !important; }
body.page-id-7190 .vc_single_image .vc_single_image-wrapper { border-radius: 10px; background: #fff; }
body.page-id-7190 .vc_single_image img { width: 100%; border-radius: 10px; }
body.page-id-7190 .title-wrapper .title.wd-fontsize-l { font-size: 20px !important; }
body.page-id-7190 .title-wrapper .title-subtitle { font-size: 12.5px; }
body.page-id-7190 .title-wrapper .title-after_title { font-size: 14.5px !important; }
body.page-id-7190 .title-wrapper .title { line-height: 1.25 !important; }

/* =====================================================================
   Попап «Рассчитать шкаф» / «Получить консультацию» (HTML-блок 7090, #header-123): светлая карточка,
   подпись над формой (добавляется scripts/header-build.php), поля заливкой, кнопка без капса
   ===================================================================== */
.mfp-wrap .wd-popup#header-123, .wd-popup#header-123 { --wd-popup-width: 560px !important; padding: 40px 40px 36px; border: 0; border-radius: 16px; background: #fff; box-shadow: 0 40px 80px -30px rgba(20,18,28,.5); }
.wd-popup#header-123 .wpb_text_column { margin: 0; }
/* «Закрыть» Woodmart (.wd-popup-close, снаружи над окном) — кружок внутри карточки */
.wd-popup-wrap:has(#header-123) { position: relative; }
.wd-popup-wrap:has(#header-123) .wd-popup-close { position: absolute; top: 14px; right: 14px; z-index: 2; margin: 0; }
.wd-popup-wrap:has(#header-123) .wd-popup-close > a { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--wa-card); color: var(--wa-text) !important; transition: background .15s, color .15s; }
.wd-popup-wrap:has(#header-123) .wd-popup-close > a:hover { background: var(--wa-accent); color: #fff !important; }
.wd-popup-wrap:has(#header-123) .wd-popup-close > a::before { font-size: 12px; margin: 0; line-height: 1; height: auto; } /* иконка Woodmart высотой 0 в grid уезжала вверх */
.wd-popup-wrap:has(#header-123) .wd-popup-close > a > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } /* текст «Закрыть» — только для скринридера, не занимает ячейку */
.wa-popup__head { margin: 0 0 22px; padding-right: 40px; }
.wa-popup__title { display: block; font-size: 24px; line-height: 1.2; font-weight: 700; letter-spacing: -.01em; color: var(--wa-text); }
.wa-popup__text { display: block; margin-top: 6px; font-size: 15px; line-height: 1.5; color: var(--wa-muted); }
.wd-popup#header-123 .fluentform { margin: 0; }
.wd-popup#header-123 .ff-el-group { margin-bottom: 14px; }
.wd-popup#header-123 .ff-el-input--label label { font-size: 13.5px; font-weight: 500; color: var(--wa-text); margin-bottom: 6px; }
.wd-popup#header-123 .ff-el-input--label.ff-el-is-required.asterisk-right label::after { color: var(--wa-accent); }
.wd-popup#header-123 .ff-el-form-control {
  height: 48px; width: 100%; padding: 0 16px; border-radius: var(--wa-r-btn); border: 0; background: var(--wa-card); color: var(--wa-text); font-size: 15px; box-shadow: none; transition: background .15s, box-shadow .15s;
}
.wd-popup#header-123 .ff-el-form-control::placeholder { color: #8f8a9b; }
.wd-popup#header-123 .ff-el-form-control:focus { background: #fff; box-shadow: 0 0 0 3px color-mix(in srgb, var(--wa-accent) 30%, transparent); outline: none; }
.wd-popup#header-123 .ff-el-tc { margin-top: 4px; }
.wd-popup#header-123 .ff-el-tc .ff-el-form-check-label { display: flex; gap: 10px; align-items: flex-start; }
.wd-popup#header-123 .ff-el-tc .ff_t_c p { margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--wa-muted); }
.wd-popup#header-123 .ff-el-tc .ff_t_c a { color: var(--wa-accent); text-decoration: underline; text-underline-offset: 2px; }
.wd-popup#header-123 .ff-el-form-check-input { accent-color: var(--wa-accent); width: 16px; height: 16px; margin-top: 2px; }
.wd-popup#header-123 .ff_submit_btn_wrapper { margin: 18px 0 0; }
.wd-popup#header-123 .ff-btn-submit {
  width: 100%; height: 52px; border-radius: var(--wa-r-btn); background: var(--wa-accent) !important; color: #fff !important; border: 0;
  font: inherit; font-size: 16px; font-weight: 600; letter-spacing: 0; cursor: pointer; transition: background .18s; text-transform: lowercase;
}
.wd-popup#header-123 .ff-btn-submit::first-letter { text-transform: uppercase; }
.wd-popup#header-123 .ff-btn-submit:hover { background: var(--wa-accent-dark) !important; }
.wd-popup#header-123 .ff-message-success { background: var(--wa-card); color: var(--wa-text); border-radius: var(--wa-r-btn); padding: 16px; }
.wd-popup#header-123 .ff-el-is-error .ff-el-form-control { box-shadow: 0 0 0 2px #e06a6a; }
.wd-popup#header-123 .error, .wd-popup#header-123 .text-danger { color: #c94f4f !important; font-size: 12.5px; }
@media (max-width: 767px) { .mfp-wrap .wd-popup#header-123, .wd-popup#header-123 { padding: 28px 20px 24px; border-radius: 14px; } }

/* ---------- Мой аккаунт / вход / регистрация (Woodmart .wd-registration-page): две карточки слева, кнопки акцентом ---------- */
body.wa-page .wd-registration-page .wd-grid-f-col { gap: 20px; margin-left: 0 !important; margin-right: 0 !important; } /* Woodmart: зазор между колонками — их поля 40px при полях ряда −40px; мы поля карточек сменили, зазор задаём gap */
body.wa-page .wd-registration-page .wd-col { flex: 1 1 0; min-width: 0; padding: 28px 30px; border-radius: var(--wa-r-card); background: var(--wa-card); text-align: left; border: 0 !important; } /* border-left у col-register-text */
@media (max-width: 767px) { body.wa-page .wd-registration-page .wd-grid-f-col { gap: 14px; } body.wa-page .wd-registration-page .wd-col { flex: 0 0 100%; margin: 0 !important; } } /* столбиком, как у Woodmart; их margin второй колонки снят — зазор только gap */
body.wa-page .wd-registration-page .wd-col form { padding: 0; border: 0; background: transparent; box-shadow: none; }
body.wa-page .wd-registration-page .wd-login-title { margin: 0 0 18px; font-size: 22px; font-weight: 700; text-transform: none; letter-spacing: 0; text-align: left; }
body.wa-page .wd-registration-page p { text-align: left; }
body.wa-page .woocommerce .wd-registration-page .input-text { background: #fff !important; }
body.wa-page .wd-registration-page .button, body.wa-page .woocommerce .woocommerce-ResetPassword .button { background: var(--wa-accent) !important; color: #fff !important; width: 100%; text-align: center; }
body.wa-page .wd-registration-page .button:hover { background: var(--wa-accent-dark) !important; }
body.wa-page .wd-registration-page .lost_password { color: var(--wa-accent); }
body.wa-page .wd-registration-page .woocommerce-form-login__rememberme { display: inline-flex; gap: 8px; align-items: center; font-weight: 400; font-size: 14px; }
body.wa-page .wd-registration-page .woocommerce-form-register label:has(input[type="checkbox"]) { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; font-weight: 400; color: var(--wa-muted); }
body.wa-page .wd-registration-page .woocommerce-form-register a { color: var(--wa-accent); }
/* меню аккаунта после входа — карточка, пункты без линий */
body.wa-page .woocommerce-MyAccount-navigation { padding: 12px; border-radius: var(--wa-r-card); background: var(--wa-card); }
body.wa-page .woocommerce-MyAccount-navigation ul { margin: 0; }
body.wa-page .woocommerce-MyAccount-navigation li { border: 0 !important; margin: 0; }
body.wa-page .woocommerce-MyAccount-navigation li a { display: block; padding: 10px 14px; border-radius: var(--wa-r-btn); color: var(--wa-text); font-weight: 500; }
body.wa-page .woocommerce-MyAccount-navigation li a:hover { background: #fff; }
body.wa-page .woocommerce-MyAccount-navigation li.is-active a { background: var(--wa-accent); color: #fff; }
body.wa-page .woocommerce-MyAccount-content .woocommerce-orders-table { border: 0 !important; }
body.wa-page .woocommerce-MyAccount-content .woocommerce-orders-table th, body.wa-page .woocommerce-MyAccount-content .woocommerce-orders-table td { border: 0 !important; padding: 10px 12px; }
body.wa-page .woocommerce-MyAccount-content .woocommerce-orders-table thead th { font-size: 12.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--wa-muted); }
body.wa-page .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:nth-child(odd) td { background: var(--wa-card); }
body.wa-page .woocommerce-MyAccount-content .woocommerce-orders-table tbody td:first-child { border-radius: 10px 0 0 10px; }
body.wa-page .woocommerce-MyAccount-content .woocommerce-orders-table tbody td:last-child { border-radius: 0 10px 10px 0; }

/* =====================================================================
   Мобильное меню (штатная панель Woodmart .mobile-nav): без линий, пункты крупнее, вкладки «Меню / Категории»
   пилюлями, поиск заливкой, внизу контакты и кнопка (inc/header.php → wa_mobile_menu_contacts)
   ===================================================================== */
.mobile-nav.wd-side-hidden { width: 320px; max-width: 92vw; background: #fff; padding-bottom: 20px; }
.mobile-nav .wd-heading { display: none; }
.mobile-nav .wd-search-form { padding: 16px 16px 6px; }
.mobile-nav .wd-search-form form { display: flex; align-items: center; height: 46px; padding: 0 4px 0 14px; border: 0 !important; border-radius: var(--wa-r-btn); background: var(--wa-card); box-shadow: none !important; } /* тень формы Woodmart снята */
.mobile-nav .wd-search-form input.s { height: 46px; padding: 0; border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 15px; -webkit-appearance: none; appearance: none; outline: 0; border-radius: 0; } /* Safari рисует полю type=search свою рамку/тень — сброс appearance */
.mobile-nav .wd-search-form input.s::-webkit-search-decoration, .mobile-nav .wd-search-form input.s::-webkit-search-cancel-button { -webkit-appearance: none; }
.mobile-nav .wd-nav-mob-tab, .mobile-nav .wd-nav-mob-tab > li, .mobile-nav .wd-nav-mob-tab > li > a { box-shadow: none !important; outline: 0; }
.mobile-nav .wd-search-form .searchsubmit { width: 40px; height: 46px; background: transparent !important; color: var(--wa-text); }
.mobile-nav .wd-nav-mob-tab { margin: 6px 16px 10px; padding: 4px; border-radius: 999px; background: var(--wa-card); display: flex; border: 0 !important; } /* border-bottom Woodmart под пилюлей выглядел как тень */
.mobile-nav .wd-nav-mob-tab > li { flex: 1; }
.mobile-nav .wd-nav-mob-tab > li { margin: 0 !important; padding: 0 !important; }
.mobile-nav .wd-nav-mob-tab > li > a { display: flex; align-items: center; justify-content: center; height: 42px; padding: 0 12px !important; margin: 0 !important; border-radius: 999px; background: transparent !important; text-align: center; font-size: 14px; font-weight: 600; text-transform: none; letter-spacing: 0; line-height: 1; color: var(--wa-muted); transition: background .18s, color .18s; }
.mobile-nav .wd-nav-mob-tab > li > a .nav-link-text { display: block; padding: 0; margin: 0; line-height: 1; } /* Woodmart: inline-block с padding 1px 0 — текст сидел выше центра */
.mobile-nav .wd-nav-mob-tab > li > a .nav-link-text::after { display: none !important; }
.mobile-nav .wd-nav-mob-tab > li.wd-active > a { background: var(--wa-accent) !important; color: #fff; }
.mobile-nav .wd-nav-mobile > li > a { padding: 12px 20px; border: 0 !important; font-size: 16px; font-weight: 600; text-transform: none; letter-spacing: 0; color: var(--wa-text); }
.mobile-nav .wd-nav-mobile > li.current-menu-item > a, .mobile-nav .wd-nav-mobile > li > a:hover { color: var(--wa-accent); }
.mobile-nav .wd-nav-mobile > li:is(.menu-item-wishlist, .menu-item-compare, .menu-item-account) > a { font-size: 15px; font-weight: 500; color: var(--wa-muted); }
.mobile-nav .wd-nav-mobile > li.menu-item-wishlist { margin-top: 10px; }
.mobile-nav .wd-nav-mobile .wd-sub-menu li > a { border: 0 !important; font-size: 15px; }
/* контакты и кнопка внизу */
.mobile-nav .wd-nav-mobile > li.wa-mnav-contacts { display: block; width: auto; margin: 18px 16px 0; padding: 18px 18px 18px; border-radius: var(--wa-r-card); background: var(--wa-card); } /* Woodmart задаёт li width:100% — с полями 16px вылезала за панель */
.mobile-nav .wd-nav-mobile > li.wa-mnav-contacts > a.wa-mnav-contacts__item { display: flex; align-items: center; gap: 10px; padding: 4px 0; font-size: 15px; font-weight: 600; color: var(--wa-text); }
.mobile-nav .wa-mnav-contacts__icon { display: inline-flex; width: 18px; height: 18px; color: var(--wa-accent); }
.mobile-nav .wa-mnav-contacts__icon svg { width: 18px; height: 18px; }
.mobile-nav .wa-mnav-contacts__social { display: flex; gap: 8px; margin: 12px 0 14px; }
.mobile-nav .wa-mnav-contacts .wa-hc__soc { background: #fff; color: var(--wa-text); }
.mobile-nav .wa-mnav-contacts .wa-hc__soc:hover { background: var(--wa-accent); color: #fff; }
.mobile-nav .wd-nav-mobile > li.wa-mnav-contacts > a.wa-mnav-contacts__cta { display: block; width: 100%; height: 46px; line-height: 46px; padding: 0; text-align: center; font-size: 15px; background: var(--wa-accent) !important; color: #fff !important; border-radius: var(--wa-r-btn); font-weight: 600; text-transform: none; }
.mobile-nav .wd-nav-mobile > li.wa-mnav-contacts > a.wa-mnav-contacts__cta:hover { background: var(--wa-accent-dark) !important; }

/* =====================================================================
   Новые блоки главной (ТЗ 4.3): «Как мы работаем» [wa_steps] и «Реализованные проекты» [wa_projects]
   ===================================================================== */
body.home .vc_row.wa-steps-row, body.home .vc_row.wa-projects-row { padding-top: var(--wa-section-gap) !important; }
/* шаги: лента из 6 карточек, номер акцентом; на планшете 3×2, на мобиле горизонтальная прокрутка */
.wa-steps__list { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.wa-step { display: flex; flex-direction: column; gap: 10px; margin: 0 !important; padding: 22px 20px 24px; border-radius: var(--wa-r-card); background: var(--wa-card); } /* Woodmart даёт li margin-bottom 10px (кроме последнего) — в grid карточки получались разной высоты */
.wa-step__num { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 30px; padding: 0 10px; border-radius: 999px; background: var(--wa-accent); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .04em; align-self: flex-start; }
.wa-step__title { font-size: 17px; line-height: 1.25; font-weight: 700; color: var(--wa-text); margin-top: 6px; }
.wa-step__text { font-size: 14px; line-height: 1.5; color: var(--wa-muted); }
@media (max-width: 1024px) {
  .wa-steps__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .wa-steps__list { display: flex; gap: 12px; margin-inline: -15px; padding-inline: 15px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 15px; scrollbar-width: none; } /* без scroll-padding snap прижимает первую карточку к краю экрана */
  .wa-steps__list::-webkit-scrollbar { display: none; }
  .wa-step { flex: 0 0 76%; scroll-snap-align: start; }
}
/* проекты: 3 карточки — фото 4:3 с пилюлей рубрики, название, задача */
.wa-projects__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.wa-project { display: flex; flex-direction: column; border-radius: var(--wa-r-card); background: var(--wa-card); color: var(--wa-text); overflow: hidden; transition: background .2s; }
.wa-project:hover { background: var(--wa-card-2); color: var(--wa-text); }
.wa-project__pic { position: relative; display: block; aspect-ratio: 4 / 3; background: #fff; }
.wa-project__pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wa-project__cat { position: absolute; left: 16px; top: 16px; padding: 5px 11px; border-radius: 999px; background: #fff; color: var(--wa-accent); font-size: 12.5px; font-weight: 600; line-height: 1.3; box-shadow: 0 6px 16px -8px rgba(0,0,0,.4); }
.wa-project__body { display: flex; flex-direction: column; gap: 8px; padding: 18px 22px 22px; }
.wa-project__title { font-size: 18px; line-height: 1.3; font-weight: 600; color: var(--wa-text); transition: color .15s; }
.wa-project:hover .wa-project__title { color: var(--wa-accent); }
.wa-project__task { font-size: 14.5px; line-height: 1.5; color: var(--wa-muted); }
@media (max-width: 1024px) { .wa-projects__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .wa-projects__grid .wa-project:nth-child(3) { display: none; } }
@media (max-width: 767px) { .wa-projects__grid { grid-template-columns: 1fr; gap: 14px; } .wa-projects__grid .wa-project:nth-child(3) { display: flex; } }

/* Товары и проекты на главной: ссылка «Перейти в каталог →» / «Все проекты →» — справа, на строке под заголовком (над переключателями и стрелками), а не под заголовком слева (просьба пользователя 17.09) */
body.home .wa-products-row .wa-section-head, .wa-projects .wa-section-head { position: relative; }
body.home .wa-products-row .wa-section-head .wa-section-link, .wa-projects .wa-section-head .wa-section-link { position: absolute; right: 0; bottom: 0; margin: 0; }
body.home .wa-products-row .wa-section-head .wa-section-link { bottom: 34px; } /* на уровне строки заголовка, с воздухом до стрелок */
@media (max-width: 1024px) {
  body.home .wa-products-row .wa-section-head .wa-section-link, .wa-projects .wa-section-head .wa-section-link { position: static; margin-top: 14px; }
}
body.home .wa-products-row .wa-section-head { padding-bottom: 28px; } /* без строки ссылки под заголовком переключатели прижимались к нему; margin-bottom обнуляет правило :last-child */

/* Планшет 768–1024 (проверка 17.09): в каталоге и похожих товарах Woodmart ставит 4 колонки inline-переменной — карточки узкие, «В корзину» обрезается; делаем 3 */
@media (min-width: 768px) and (max-width: 1024px) {
  body.wa-catalog .wd-products, body.wa-product .related-products .wd-carousel { --wd-col-md: 3 !important; }
}
/* «О компании»: заголовки шагов таймлайна Woodmart прячет классом hidden-sm на планшете — показываем везде */
body.page-id-996 .wd-timeline-content h3.hidden-sm, body.page-id-996 .wd-timeline-content h3.hidden-xs { display: block !important; }
/* Сертификаты на мобиле: колонки складываются — скан и описание одной карточкой (верх/низ) */
@media (max-width: 767px) {
  body.page-id-7190 .wpb-content-wrapper > .vc_row:has(.vc_col-sm-3 .title-wrapper) > .vc_col-sm-3:nth-child(odd) > .vc_column-inner { background: var(--wa-card); border-radius: var(--wa-r-card) var(--wa-r-card) 0 0; padding: 20px 20px 0 !important; margin-bottom: 0 !important; }
  body.page-id-7190 .wpb-content-wrapper > .vc_row:has(.vc_col-sm-3 .title-wrapper) > .vc_col-sm-3:nth-child(even) > .vc_column-inner { background: var(--wa-card); border-radius: 0 0 var(--wa-r-card) var(--wa-r-card); padding: 16px 20px 20px !important; margin-bottom: 16px !important; }
  body.page-id-7190 .vc_single_image img { max-width: 60%; }
}

/* ---------- «О компании»: список «Мир Автоматики:» — карточки с иконками 4×2, как преимущества на главной (текст пунктов — их) ---------- */
body.page-id-996 .wpb_text_column h3:has(+ ul) { margin-bottom: 18px !important; }
body.page-id-996 .wpb_text_column h3 + ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0 0 32px; padding: 0; list-style: none; }
body.page-id-996 .wpb_text_column h3 + ul > li { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; margin: 0; padding: 22px 22px 24px; border-radius: var(--wa-r-card); background: var(--wa-card); font-size: 15px; line-height: 1.45; font-weight: 500; color: var(--wa-text); }
body.page-id-996 .wpb_text_column h3 + ul > li::marker { content: ""; }
body.page-id-996 .wpb_text_column h3 + ul > li::before { content: ""; flex: none; width: 52px; height: 52px; border-radius: 50%; background-color: var(--wa-accent); background-repeat: no-repeat; background-position: center; background-size: 26px; }
@media (max-width: 1024px) { body.page-id-996 .wpb_text_column h3 + ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { body.page-id-996 .wpb_text_column h3 + ul { grid-template-columns: 1fr; } }
body.page-id-996 .wpb_text_column h3 + ul > li:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%203h5v5%22/%3E%3Cpath%20d%3D%22M8%203H3v5%22/%3E%3Cpath%20d%3D%22M12%2022v-8%22/%3E%3Cpath%20d%3D%22M3%2016v5h5%22/%3E%3Cpath%20d%3D%22M16%2021h5v-5%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2211%22%20r%3D%223%22/%3E%3C/svg%3E"); }
body.page-id-996 .wpb_text_column h3 + ul > li:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M3%2010h18%22/%3E%3Cpath%20d%3D%22M9%204v16%22/%3E%3C/svg%3E"); }
body.page-id-996 .wpb_text_column h3 + ul > li:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M4%2021a8%208%200%200%201%2016%200%22/%3E%3C/svg%3E"); }
body.page-id-996 .wpb_text_column h3 + ul > li:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v18%22/%3E%3Cpath%20d%3D%22M17%207H9.5a3%203%200%200%200%200%206h5a3%203%200%200%201%200%206H6%22/%3E%3C/svg%3E"); }
body.page-id-996 .wpb_text_column h3 + ul > li:nth-child(5)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207h11v9H3z%22/%3E%3Cpath%20d%3D%22M14%2010h4l3%203v3h-7z%22/%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22/%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%222%22/%3E%3C/svg%3E"); }
body.page-id-996 .wpb_text_column h3 + ul > li:nth-child(6)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M12%207v5l3%202%22/%3E%3C/svg%3E"); }
body.page-id-996 .wpb_text_column h3 + ul > li:nth-child(7)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.6%2013.4%2013.4%2020.6a2%202%200%200%201-2.8%200L3%2013V3h10l7.6%207.6a2%202%200%200%201%200%202.8z%22/%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%221.5%22/%3E%3C/svg%3E"); }
body.page-id-996 .wpb_text_column h3 + ul > li:nth-child(8)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2212%22%20r%3D%222%22/%3E%3Cpath%20d%3D%22M14%2010h4M14%2014h4%22/%3E%3C/svg%3E"); }

/* ---------- Отдельный проект: «Задача / Решение / Используемое оборудование» карточками (inc/project-content.php) ---------- */
body.wa-page-portfolio .wa-project-body { display: flex; flex-direction: column; gap: 14px; }
body.wa-page-portfolio .wa-project-intro { font-size: 16px; line-height: 1.65; color: var(--wa-text); }
body.wa-page-portfolio .wa-project-section { padding: 20px 24px 22px; border-radius: var(--wa-r-card); background: var(--wa-card); }
body.wa-page-portfolio .wa-project-section--task { background: var(--wa-accent); color: #fff; }
body.wa-page-portfolio .wa-project-label { margin: 0 0 8px; font-size: 12.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--wa-accent); }
body.wa-page-portfolio .wa-project-label strong { font-weight: inherit; color: inherit; }
body.wa-page-portfolio .wa-project-section--task .wa-project-label { color: rgba(255,255,255,.75); }
body.wa-page-portfolio .wa-project-text { font-size: 16px; line-height: 1.65; color: var(--wa-text); }
body.wa-page-portfolio .wa-project-section--task .wa-project-text { font-size: 19px; line-height: 1.4; font-weight: 600; color: #fff; }
body.wa-page-portfolio .wa-project-text p { margin: 0 0 10px; }
body.wa-page-portfolio .wa-project-text p:last-child { margin-bottom: 0; }
body.wa-page-portfolio .wa-project-brands { display: flex; flex-wrap: wrap; gap: 8px; margin: 2px 0 0; padding: 0; list-style: none; }
body.wa-page-portfolio .wa-project-brands li { margin: 0; padding: 6px 12px; border-radius: 999px; background: #fff; font-size: 13.5px; font-weight: 600; line-height: 1.3; color: var(--wa-text); }
body.wa-page-portfolio .wa-project-brands li::marker { content: ""; }
/* ---------- «О компании»: скругления на самих картинках (контейнер уже со скруглением, но на всякий случай) ---------- */
body.page-id-996 .wd-timeline-item .wd-timeline-image img, body.page-id-996 .vc_single_image img { border-radius: var(--wa-r-card) !important; }
/* ---------- «О компании»: строка «Цель / Подход / Принцип / Приоритет» — тёмный блок во всю ширину контента, коллаж слева, 4 пункта справа с акцентными номерами ---------- */
body.page-id-996 .vc_row.vc_custom_1674458131720 {
  margin: 8px 0 0 !important; padding: 44px 48px !important; border-radius: var(--wa-r-card); overflow: hidden; isolation: isolate; position: relative;
  background: radial-gradient(60% 80% at 82% 20%, color-mix(in srgb, var(--wa-accent) 32%, transparent), transparent 70%), var(--wa-dark-2); color: #b6b1c2;
}
body.page-id-996 .vc_row.vc_custom_1674458131720 > .wpb_column { align-self: center; }
body.page-id-996 .vc_row.vc_custom_1674458131720 > .wpb_column > .vc_column-inner { padding: 0 20px !important; background: transparent !important; }
/* h3 и p чередуются в одном потоке: grid с auto-flow dense — заголовок и его абзац в одной колонке (2 столбца × 2 пункта) */
body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column > .wpb_wrapper { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: auto; gap: 0 32px; }
body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3:nth-of-type(odd), body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3:nth-of-type(odd) + p { grid-column: 1; }
body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3:nth-of-type(even), body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3:nth-of-type(even) + p { grid-column: 2; }
body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3:nth-of-type(1) { grid-row: 1; } body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3:nth-of-type(1) + p { grid-row: 2; }
body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3:nth-of-type(2) { grid-row: 1; } body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3:nth-of-type(2) + p { grid-row: 2; }
body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3:nth-of-type(3) { grid-row: 3; } body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3:nth-of-type(3) + p { grid-row: 4; }
body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3:nth-of-type(4) { grid-row: 3; } body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3:nth-of-type(4) + p { grid-row: 4; }
body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3:nth-of-type(n+3) { margin-top: 28px; }
body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3 { margin: 0 0 8px; padding-top: 14px; position: relative; font-size: 13px !important; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--wa-accent-soft) !important; }
body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3 span { color: #fff !important; }
body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3::before { content: ""; position: absolute; left: 0; top: 0; width: 28px; height: 3px; border-radius: 2px; background: var(--wa-accent); }
body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column p { margin: 0 !important; font-size: 15px; line-height: 1.6; color: #cfcad9; }
body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3 + p { margin-bottom: 0 !important; }
@media (max-width: 1024px) {
  body.page-id-996 .vc_row.vc_custom_1674458131720 { padding: 28px 20px !important; }
  body.page-id-996 .vc_row.vc_custom_1674458131720 > .wpb_column > .vc_column-inner { padding: 0 !important; }
  body.page-id-996 .vc_row.vc_custom_1674458131720 .vc_single_image { margin-bottom: 24px !important; }
}
@media (max-width: 600px) {
  body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column > .wpb_wrapper { display: block; }
  body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3 { margin-top: 22px; }
  body.page-id-996 .vc_row.vc_custom_1674458131720 .wpb_text_column h3:first-child { margin-top: 0; }
}
body.page-id-996 .vc_row.vc_custom_1674458131720 + .vc_row { margin-top: 48px !important; } /* воздух после тёмного блока перед «Мир Автоматики:» */
/* Карточка записи: тонкая рамка вокруг контейнера фото — белые картинки («Наши новости») сливались с фоном. Единственное исключение из правила «без border» — просьба пользователя 17.09 */
.wd-post .wd-post-thumb img { display: block; width: 100%; border: 1px solid var(--wa-line); border-bottom: 0; border-radius: var(--wa-r-card) var(--wa-r-card) 0 0; box-sizing: border-box; }

/* Подсказки Woodmart (.tooltip у кнопок карточек, «поделиться» и т.п.): скругление и тёмный фон сайта вместо чёрного */
.tooltip { --wd-tooltip-bg: var(--wa-dark); }
.tooltip .tooltip-inner { border-radius: 8px; padding: 7px 12px; font-size: 12.5px; }
.tooltip .tooltip-arrow { border-radius: 2px; }

/* ---------- Каталог: баннер-призыв под фильтрами (inc/catalog.php → dynamic_sidebar_after), фото цеха как на первом экране ---------- */
.wa-side-cta { position: relative; isolation: isolate; overflow: hidden; margin-top: 20px; padding: 32px 26px; min-height: 380px; display: flex; border-radius: var(--wa-r-card); background: var(--wa-dark); color: #f3f1f6; }
.wa-side-cta__bg { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center 40%; opacity: .55; }
.wa-side-cta::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(70% 70% at 80% 10%, color-mix(in srgb, var(--wa-accent) 34%, transparent), transparent 70%), linear-gradient(180deg, rgba(22,21,28,.72) 0%, rgba(22,21,28,.94) 100%);
}
.wa-side-cta__body { flex: 1; display: flex; flex-direction: column; } /* надзаголовок и заголовок — вверху, кнопка — внизу, текст по центру между ними */
.wa-side-cta__kicker { margin: 0 0 10px; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--wa-accent-soft); }
.wa-side-cta__title { margin: 0; font-size: 24px; line-height: 1.2; font-weight: 700; letter-spacing: -.01em; color: #fff; }
.wa-side-cta__title .wa-accent { color: var(--wa-accent-soft); }
.wa-side-cta__text { margin: 24px 0; flex: 1; display: flex; align-items: center; font-size: 14px; line-height: 1.55; color: #cfcad9; }
.wa-side-cta__btn { display: flex; align-items: center; justify-content: center; width: 100%; flex: none; margin-top: auto; height: 46px; padding: 0 18px; border-radius: var(--wa-r-btn); background: var(--wa-accent) !important; color: #fff !important; font-size: 15px; font-weight: 600; text-transform: none; transition: background .18s; }
.wa-side-cta__btn:hover { background: var(--wa-accent-dark) !important; }
/* десктоп: колонка фильтров тянется на высоту строки (flex), прилипает только баннер — фильтры прокручиваются, баннер идёт за ними и остаётся на экране, когда они закончились */
@media (min-width: 1025px) {
  body.wa-catalog main.wd-content-layout .wpb-content-wrapper > .vc_row:has(.widget_premmerce_filter_filter_widget) { display: flex; flex-wrap: wrap; align-items: stretch; }
  body.wa-catalog .wpb_column:has(.widget_premmerce_filter_filter_widget) > .vc_column-inner, body.wa-catalog .wpb_column:has(.widget_premmerce_filter_filter_widget) > .vc_column-inner > .wpb_wrapper, body.wa-catalog .wpb_column:has(.widget_premmerce_filter_filter_widget) .wd-wpb { height: 100%; }
  .wa-side-cta { position: sticky; top: calc(var(--wd-header-sticky-h, 60px) + 20px); }
}
/* планшет/мобила: фильтры в off-canvas — баннер там не нужен */
@media (max-width: 1024px) { .wa-side-cta { display: none; } }

/* ---------- Оплата (2904, inc/payment.php): шапка секции + две карточки с иконками ---------- */
.wa-pay .wa-section-head { margin-bottom: 32px; }
.wa-pay .wa-section-head__aside { padding-top: 6px; } /* без надзаголовка подводка на уровне заголовка */
.wa-pay__card > p:empty { display: none; }
.wa-pay__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.wa-pay__card { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 28px 28px 30px; border-radius: var(--wa-r-card); background: var(--wa-card); }
.wa-pay__icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: var(--wa-accent); color: #fff; }
.wa-pay__icon svg { width: 28px; height: 28px; }
.wa-pay__title { margin: 6px 0 0; font-size: 20px; line-height: 1.25; font-weight: 700; color: var(--wa-text); }
.wa-pay__text { margin: 0; font-size: 16px; line-height: 1.6; color: var(--wa-muted); }
@media (max-width: 767px) { .wa-pay__grid { grid-template-columns: 1fr; } }

/* ---------- Доставка (2903, inc/delivery.php): их тёмная секция с цифрами + шапка, две карточки способов, 4 шага, CTA ---------- */
@media (min-width: 768px) {
  body.page-id-2903 .vc_section.vc_custom_1683550774004 { left: 0 !important; width: 100% !important; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; border-radius: var(--wa-r-card); overflow: hidden; } /* WPBakery растягивал на всю ширину inline-стилем; теперь карточка в контейнере, как остальные тёмные блоки */
  body.page-id-2903 .vc_section.vc_custom_1683550774004 > .vc_row { margin-left: 0 !important; margin-right: 0 !important; padding-left: 28px !important; padding-right: 28px !important; }
}
body.page-id-2903 .vc_section.vc_custom_1683550774004 { margin-top: 0 !important; margin-bottom: 0 !important; }
body.page-id-2903 .vc_section .vc_col-has-fill { background: transparent !important; }
body.page-id-2903 .vc_section .woodmart-text-block { text-align: left !important; }
body.page-id-2903 .vc_section .vc_inner .vc_column-inner { padding-top: 12px !important; padding-bottom: 12px !important; }
body.page-id-2903 .vc_section .vc_row.vc_custom_1592640113934 { padding-top: 24px !important; padding-bottom: 24px !important; min-height: 0 !important; }
body.page-id-2903 .vc_section .vc_column-inner.vc_custom_1528449935268 { margin-bottom: 0 !important; }
body.page-id-2903 .vc_section .title-wrapper { margin-bottom: 20px !important; }
body.page-id-2903 .vc_section .wd-button-wrapper { margin-bottom: 0 !important; }
.wa-dlv { padding-top: 56px; padding-bottom: 40px; }
.wa-dlv .wa-section-head { margin-bottom: 32px; }
.wa-dlv .wa-section-head__aside { padding-top: 8px; }
.wa-dlv__ways { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.wa-dlv__way { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 28px 28px 26px; border-radius: var(--wa-r-card); background: var(--wa-card); }
.wa-dlv__icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: var(--wa-accent); color: #fff; }
.wa-dlv__icon svg { width: 28px; height: 28px; }
.wa-dlv__way-title { margin: 6px 0 0; font-size: 22px; line-height: 1.25; font-weight: 700; color: var(--wa-text); }
.wa-dlv__way-text { font-size: 15.5px; line-height: 1.6; color: var(--wa-muted); }
.wa-dlv__way-text p { margin: 0 0 12px; }
.wa-dlv__way-text p:last-child { margin-bottom: 0; }
.wa-dlv__way-text a, .wa-dlv__steps a { color: var(--wa-accent); font-weight: 600; white-space: nowrap; }
.wa-dlv__stages { margin-top: 64px; }
.wa-dlv__stages .wa-section-head { margin-bottom: 28px; }
.wa-dlv__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.wa-dlv__steps .wa-step { padding: 26px 26px 28px; }
.wa-dlv__steps .wa-step__title { font-size: 19px; }
.wa-dlv__steps .wa-step__text { font-size: 15px; line-height: 1.6; }
.wa-dlv__cta { margin-top: 24px; display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 32px 36px; border-radius: var(--wa-r-card); background: var(--wa-dark-2); color: #b6b1c2; }
.wa-dlv__cta-title { margin: 0 0 6px; font-size: 22px; line-height: 1.25; font-weight: 700; color: #fff; }
.wa-dlv__cta-text { margin: 0; font-size: 15px; line-height: 1.5; }
.wa-dlv__cta-btn { flex: none; display: inline-flex; align-items: center; height: 50px; padding: 0 26px; border-radius: var(--wa-r-btn); background: var(--wa-accent) !important; color: #fff !important; font-size: 15px; font-weight: 600; text-transform: none; transition: background .18s; }
.wa-dlv__cta-btn:hover { background: var(--wa-accent-dark) !important; }
@media (max-width: 1024px) { .wa-dlv { padding-top: 40px; } .wa-dlv__stages { margin-top: 44px; } }
@media (max-width: 767px) {
  .wa-dlv__ways { grid-template-columns: 1fr; }
  .wa-dlv__steps { display: grid; grid-template-columns: 1fr; margin-inline: 0; padding-inline: 0; overflow: visible; }
  .wa-dlv__steps .wa-step { flex: none; }
  .wa-dlv__cta { flex-direction: column; align-items: flex-start; padding: 26px 22px; }
  .wa-dlv__cta-btn { width: 100%; justify-content: center; }
}

/* ---------- Гарантии и возврат (2902, inc/warranty.php) ---------- */
.wa-war { font-size: 16px; line-height: 1.65; color: var(--wa-text); }
.wa-war p { margin: 0 0 14px; }
.wa-war__top { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 32px; align-items: center; padding: 32px; border-radius: var(--wa-r-card); background: var(--wa-card); }
.wa-war__pic img { display: block; width: 100%; border-radius: 12px; }
.wa-war__h2 { margin: 0 0 16px !important; font-size: clamp(24px, 2.4vw, 30px); line-height: 1.15; font-weight: 700; letter-spacing: -.015em; text-align: left !important; text-transform: none; }
.wa-war__lead { margin: 18px 0 8px; font-size: 17px; }
.wa-war__top-text p:last-child { margin-bottom: 0; }
.wa-war__section { margin-top: 64px; }
.wa-war__section .wa-section-head { margin-bottom: 24px; }
.wa-war__text { max-width: none; } /* текст на всю ширину контента, вровень с карточками */
.wa-war__text--after { margin-top: 24px; }
.wa-war__facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0 0 32px; }
.wa-war__fact { display: flex; flex-direction: column; gap: 8px; padding: 22px 22px 24px; border-radius: var(--wa-r-card); background: var(--wa-dark-2); color: #b6b1c2; }
.wa-war__num { font-size: 40px; line-height: 1; font-weight: 700; letter-spacing: -.02em; color: #fff; }
.wa-war__num small { font-size: 16px; font-weight: 600; color: var(--wa-accent-soft); }
.wa-war__fact-text { font-size: 13.5px; line-height: 1.45; }
.wa-war__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 8px; }
.wa-war__steps .wa-step { padding: 24px 24px 26px; }
.wa-war__steps .wa-step__text { font-size: 15px; line-height: 1.55; color: var(--wa-text); }
.wa-war__steps--3 .wa-step__text { color: var(--wa-muted); }
@media (max-width: 1024px) { .wa-war__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .wa-war__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .wa-war__section { margin-top: 44px; } }
@media (max-width: 767px) {
  .wa-war__top { grid-template-columns: 1fr; padding: 22px; }
  .wa-war__steps { display: grid; grid-template-columns: 1fr; margin-inline: 0; padding-inline: 0; overflow: visible; }
  .wa-war__steps .wa-step { flex: none; }
}

/* ---------- Сертификаты: список причин — карточки с номерами (inc/certificates.php) ---------- */
.wa-cert__steps { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin: 8px 0 28px; list-style: none; padding: 0; } /* 5 карточек в ряд — без «дырки» и одной высоты */
.wa-cert__steps .wa-step { padding: 22px 20px 24px; }
.wa-cert__steps .wa-step__title { font-size: 16px; }
.wa-cert__steps .wa-step__text { font-size: 14px; line-height: 1.5; }
@media (max-width: 1200px) { .wa-cert__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1024px) { .wa-cert__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .wa-cert__steps { display: grid; grid-template-columns: 1fr; margin-inline: 0; padding-inline: 0; overflow: visible; } .wa-cert__steps .wa-step { flex: none; } }