/* =============================================================================
 * blocks.css — блоки Гутенберга + сетка страниц визитки.
 * ADR-008: контент в блоках; ADR-010: карточки товаров без цен.
 *
 * Схема сетки (после замечаний заказчика):
 *   .block-page            — обёртка во всю ширину (фон тянется от края до края)
 *   .wp-block-group.section — полотно секции: фон + вертикальные отступы
 *   .container             — содержимое: max-width var(--container), margin auto,
 *                            padding 40px (мобиле) / 64px (от 1280px)
 * Все значения — из tokens.css, без хардкода цвета.
 * ========================================================================== */

/* --- Сетка: одна для всех страниц визитки --- */
.block-page{width:100%}
.container,
.block-page .wp-block-group.container{
  width:100%;max-width:var(--container);margin-inline:auto;padding-inline:40px}
@media (min-width:1280px){
  .container,
  .block-page .wp-block-group.container{padding-inline:64px}
}

/* --- Секция: фон во всю ширину экрана; воздух между секциями --- */
.block-page .wp-block-group.section{padding-block:120px;border-bottom:var(--rule-width) solid var(--line)}
@media (max-width:1000px){.block-page .wp-block-group.section{padding-block:88px}}
@media (max-width:600px){.block-page .wp-block-group.section{padding-block:64px}}
.block-page .wp-block-group.section:last-child{border-bottom:0}
/* (класс section--alt фоном больше не управляет — чередование задаётся ниже по nth-child) */

/* Первый экран: фото сварщика справа (под будущее лого), текст слева. */
.block-page .wp-block-group.hero{
  background-image:linear-gradient(90deg, rgba(32,32,32,.94) 0%, rgba(32,32,32,.78) 42%, rgba(32,32,32,.30) 100%),
    url('../img/brand/brand-hero-welder.jpg');
  background-repeat:no-repeat;background-position:right center;background-size:cover;
  overflow:hidden}

/* «Кто мы» — без фото: одно большое фото на странице сильнее двух подряд.
   Сплошной фон, чтобы не было стыка картинок с первым экраном. */
.block-page .wp-block-group.section--who{background:var(--bg)}

/* «Чем мы снабжаем» — сюда встроен фоновый снимок (склад). */
.block-page .wp-block-group.section--supply{
  background-image:linear-gradient(rgba(32,32,32,.90), rgba(32,32,32,.90)),
    url('../img/brand/brand-warehouse.jpg');
  background-repeat:no-repeat;background-position:center;background-size:cover}

/* «Для отраслей» — фактура искр. */
.block-page .wp-block-group.section--sectors{
  background-image:linear-gradient(rgba(32,32,32,.88), rgba(32,32,32,.88)),
    url('../img/brand/brand-texture-sparks.jpg');
  background-repeat:no-repeat;background-position:center;background-size:cover}

/* Контактная полоса. */
.block-page .wp-block-group.section--contacts{
  background-image:linear-gradient(rgba(32,32,32,.90), rgba(32,32,32,.90)),
    url('../img/brand/brand-contact-bg.jpg');
  background-repeat:no-repeat;background-position:center;background-size:cover}

/* --- Типографика: заголовки масштабируются по ширине экрана --- */
.block-page h1{font-family:var(--font-display);font-weight:var(--fw-bold);text-transform:uppercase;
  font-size:clamp(32px, 3.6vw, 52px);line-height:var(--lh-display);letter-spacing:var(--ls-display);margin:0 0 var(--space-3)}
.block-page h2{font-family:var(--font-display);font-weight:var(--fw-bold);text-transform:uppercase;
  font-size:clamp(24px, 2.2vw, 34px);line-height:var(--lh-heading);margin:var(--space-1) 0 var(--space-4)}
.block-page h3{font-family:var(--font-display);font-weight:var(--fw-bold);text-transform:uppercase;
  font-size:clamp(17px, 1.3vw, 20px);line-height:var(--lh-heading);margin:0 0 var(--space-1)}
/* Длина строки: абзацы не растягиваются на всю ширину контейнера */
.block-page p{font-size:var(--fs-3);line-height:var(--lh-body);color:var(--ink-2);margin:0 0 var(--space-2);max-width:74ch}
.block-page .prose p{max-width:70ch}
.block-page .hero h1{max-width:none}
.block-page .hero p{max-width:58ch}
.block-page .hero .t-lead{max-width:58ch}
.block-page .wp-block-group.card p,.block-page .wp-block-group.card .card-title,
.block-page .product-card p,.block-page .fact p,.block-page .lead-product p,
.block-page .contact-item p,.block-page .rubric p{max-width:none}
.block-page .t-caps{margin-bottom:var(--space-2)}
.block-page .t-display,.block-page .t-h2,.block-page .t-h3{margin-bottom:var(--space-2)}
.block-page .t-lead{max-width:60ch}
.block-page .t-muted{color:var(--ink-3)}
.block-page .prose{max-width:var(--container-narrow)}

/* --- Кнопки --- */
.block-page .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);
  font-family:var(--font-body);font-size:var(--fs-2);font-weight:var(--fw-bold);line-height:1;letter-spacing:.02em;
  text-transform:uppercase;padding:13px var(--space-3);border:var(--rule-width) solid transparent;border-radius:var(--radius);
  background:var(--accent);color:var(--accent-ink);cursor:pointer;text-decoration:none;white-space:nowrap;
  transition:filter var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}
.block-page .wp-block-button__link:hover{filter:brightness(1.08)}
.block-page .wp-block-button__link:active{transform:translateY(1px)}
.block-page .wp-block-button__link:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.block-page .wp-block-buttons{gap:var(--space-2);margin:0 0 var(--space-2)}
.block-page .is-style-outline .wp-block-button__link{background:transparent;border-color:var(--line-strong);color:var(--ink)}
.block-page .is-style-outline .wp-block-button__link:hover{border-color:var(--accent);color:var(--accent)}
.block-page .hero__actions{margin-top:var(--space-4)}

/* Гутенберг оборачивает содержимое группы в .wp-block-group__inner-container —
   из-за этого наши flex/grid-правила применялись к одной обёртке, а не к детям.
   Для сетки визитки обёртку «растворяем». */
.block-page .wp-block-group > .wp-block-group__inner-container{display:contents}

/* --- Колонки --- */
.block-page .wp-block-columns{gap:var(--space-3);margin-bottom:var(--space-3);align-items:stretch}
.block-page .wp-block-columns:last-child{margin-bottom:0}
.block-page .wp-block-column{display:flex;flex-direction:column}

/* --- Карточки --- */
.block-page .wp-block-group.card{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);
  height:100%;background:var(--surface);border:var(--rule-width) solid var(--line);border-radius:var(--radius);
  transition:border-color var(--dur-fast) var(--ease)}
.block-page .wp-block-group.card:hover{border-color:var(--line-strong)}
.block-page .wp-block-group.card p:last-child{margin-bottom:0}
/* Кнопка прижата к низу карточки — во всех трёх кнопки на одной линии. */
.block-page .wp-block-group.card .wp-block-buttons{margin-top:auto;margin-bottom:0}
/* Блок-статус внутри карточки: чуть отступа сверху, выше кнопки. */
.block-page .wp-block-group.card .ph{margin:0 0 var(--space-1)}
.block-page .wp-block-group.card .wp-block-buttons{margin-bottom:0;margin-top:auto}

/* --- Сетка товаров (вывод шорткодом из каталога) --- */
.block-page .product-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(4,1fr)}
.block-page .product-grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}
.block-page .product-grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}
/* ниже 1400 px четыре колонки не помещаются — переходим на три */
@media (max-width:1400px){.block-page .product-grid,.block-page .product-grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1000px){.block-page .product-grid,.block-page .product-grid[data-cols="3"]{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.block-page .product-grid,.block-page .product-grid[data-cols="3"],.block-page .product-grid[data-cols="2"]{grid-template-columns:1fr}}
.block-page .product-note{font-family:var(--font-mono);font-size:var(--fs-1);color:var(--ink-3);margin:var(--space-2) 0 0}

/* --- Карточка товара --- */
.block-page .product-card{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);
  min-width:0;
  background:var(--surface);border:var(--rule-width) solid var(--line);border-radius:var(--radius);height:100%}
.block-page .product-card .card-title{overflow-wrap:anywhere}
.block-page .product-card:hover{border-color:var(--line-strong)}
.block-page .product-card .card-media{border:var(--rule-width) solid var(--line);border-radius:var(--radius);
  background:var(--plate);aspect-ratio:4/3;overflow:hidden;display:grid;place-items:center}
.block-page .product-card .card-media img{width:100%;height:100%;object-fit:contain;padding:12px;display:block}
.block-page .product-card .card-media span{font-size:var(--fs-1);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:var(--space-2);text-align:center}
.block-page .product-card .card-title{font-family:var(--font-display);font-weight:var(--fw-bold);text-transform:uppercase;
  font-size:var(--fs-3);line-height:var(--lh-heading);margin:0;color:var(--ink)}
.block-page .product-card .card-sku{font-family:var(--font-mono);font-size:var(--fs-1);color:var(--ink-3);margin:0}
.block-page .product-card .product-actions{margin-top:auto}
.block-page .product-card .card-availability{font-size:var(--fs-1);line-height:1.4;color:var(--ink-3);margin:0;
  border-top:var(--rule-width) solid var(--line);padding-top:var(--space-1)}
.block-page .spec-line{font-family:var(--font-mono);font-size:var(--fs-2);color:var(--ink-2);margin:0}

/* Ведущая позиция «Их покупают заводы» */
.block-page .lead-product{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-4);
  align-items:start;padding:var(--space-4);background:var(--surface);border:var(--rule-width) solid var(--line-strong);
  border-radius:var(--radius);height:100%}
@media (max-width:900px){.block-page .lead-product{grid-template-columns:1fr}}
.block-page .lead-product .card-media{border:var(--rule-width) solid var(--line);border-radius:var(--radius);
  background:var(--plate);aspect-ratio:16/10;overflow:hidden;display:grid;place-items:center}
.block-page .lead-product .card-media img{width:100%;height:100%;object-fit:contain;padding:16px;display:block}
.block-page .lead-specs{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-2) 0}
.block-page .lead-spec{display:flex;flex-direction:column;gap:4px;min-width:110px}
.block-page .lead-spec b{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-5);
  color:var(--accent);line-height:1}
.block-page .lead-spec span{font-size:var(--fs-1);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}

/* --- Рубрики --- */
.block-page .wp-block-group.rubric{padding:var(--space-3) 0;border-top:var(--rule-width) solid var(--line)}
.block-page .wp-block-group.rubric h3{margin-bottom:var(--space-1)}
.block-page .wp-block-group.rubric p{margin-bottom:var(--space-1)}

/* --- Цифры --- */
.block-page .wp-block-group.fact{padding:var(--space-3);display:flex;flex-direction:column;gap:6px;
  background:var(--surface);border:var(--rule-width) solid var(--line);border-radius:var(--radius)}
.block-page .fact__n{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-5);
  color:var(--accent);line-height:1;margin:0}
.block-page .fact__t{font-size:var(--fs-2);color:var(--ink-2);line-height:1.4;margin:0}

/* --- Отрасли: явная сетка 3+2 от левой границы контейнера --- */
/* У списка есть псевдоэлемент ::before с display:block — в grid он занимал первую
   ячейку и сдвигал первый ряд. Убираем его из раскладки. */
.block-page ul.sectors::before{display:none}
.block-page ul.sectors{list-style:none;padding:0;margin:0;width:100%;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-2) var(--space-3);justify-items:start;align-items:center}
.block-page ul.sectors li{display:inline-flex;align-items:center;font-family:var(--font-display);font-size:var(--fs-1);
  letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:var(--fw-bold);
  padding:5px 10px;border:var(--rule-width) solid var(--line-strong);border-radius:var(--radius);color:var(--ink-2)}
@media (max-width:760px){
  .block-page ul.sectors{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:480px){
  .block-page ul.sectors{grid-template-columns:1fr}
}

/* --- Контакты (сетка применяется к детям после display:contents обёртки) --- */
.block-page .wp-block-group.contacts{display:grid;gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));
  width:100%}
@media (max-width:1100px){.block-page .wp-block-group.contacts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.block-page .wp-block-group.contacts{grid-template-columns:1fr}}
.block-page .wp-block-group.contact-item{display:flex;gap:var(--space-2);align-items:flex-start}
.block-page .wp-block-group.contact-body{display:flex;flex-direction:column;gap:2px}
.block-page .wp-block-group.contact-body p{margin:0}

/* Ромб-иконка: в разметке стоит <span class="diamond"> внутри блока HTML, поэтому
   стиль общий, а не только для .wp-block-group.diamond. */
.block-page .diamond{width:38px;height:38px;flex:none;border:var(--rule-width) solid var(--line-strong);
  transform:rotate(45deg);display:inline-grid;place-items:center;color:var(--accent);background:var(--bg)}
.block-page .diamond::before{content:"";width:10px;height:10px;background:var(--accent);transform:rotate(-45deg)}
.block-page .diamond svg{transform:rotate(-45deg)}
.block-page .contact-item .k{font-family:var(--font-display);font-size:var(--fs-1);letter-spacing:var(--ls-caps);
  text-transform:uppercase;color:var(--ink-3)}
.block-page .contact-item .v{font-size:var(--fs-3);color:var(--ink)}
.block-page .contact-item a.v{text-decoration:none;color:var(--ink)}
.block-page .contact-item a.v:hover{color:var(--accent);text-decoration:underline}
.block-page .contacts-section__cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-5)}
.block-page .contacts-section__cta p{margin:0}

/* --- Таблицы в контенте (реквизиты, менеджеры) --- */
.block-page .wp-block-table{margin:0 0 var(--space-4);overflow-x:auto}
.block-page .wp-block-table table{width:100%;border-collapse:collapse;font-size:var(--fs-2)}
.block-page .wp-block-table th{text-align:left;font-family:var(--font-display);font-size:var(--fs-1);
  letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-3);font-weight:var(--fw-bold);
  padding:10px var(--space-2);border-bottom:var(--rule-width) solid var(--line-strong)}
.block-page .wp-block-table td{padding:10px var(--space-2);border-bottom:var(--rule-width) solid var(--line);
  color:var(--ink-2);overflow-wrap:anywhere}

/* --- Прочее --- */
.block-page .section-link a{color:var(--accent);text-decoration:none;font-size:var(--fs-2);text-transform:uppercase;letter-spacing:.04em}
.block-page .section-link a:hover{text-decoration:underline}

/* =============================================================================
 * Продающая главная (01-home-copy.md): боль → выгоды → шаги → отрасли →
 * каталог → доверие → спецпредложение → FAQ → финальный призыв.
 * Только токены; текст ложится на --bg/--bg-2/--surface (контраст ≥ 4.5:1).
 * ========================================================================== */

/* Первый экран: подпись доверия под кнопками */
.block-page .hero__trust{margin:var(--space-4) 0 0;font-size:var(--fs-2);color:var(--ink-3)}
.block-page .hero .hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:var(--space-4) 0 0}
.block-page .hero .hero__actions .wp-block-buttons{margin:0}
.block-page .hero .hero__actions .wp-block-button__link{min-width:230px;text-align:center}

/* Боль клиента — другой ритм: светлее фон, акцентная развязка */
/* «Знакомо?»: тёмный фон, чтобы не сливаться с серыми «Выгодами» (правило чередования) */
.block-page .section--pain{background:var(--bg)}
.block-page .section--pain .prose{max-width:var(--container-narrow)}
.block-page .pain__turn{margin-top:var(--space-5);padding-left:var(--space-3);border-left:3px solid var(--accent);
  font-size:var(--fs-4);color:var(--ink);line-height:var(--lh-ui)}

/* Выгоды — 5 карточек с жирным лидом */
.block-page .wp-block-group.benefit{height:100%;background:var(--surface);border-top:3px solid var(--accent);
  padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}
.block-page .benefit p{margin:0;color:var(--ink-2);font-size:var(--fs-3)}
.block-page .benefit .benefit__lead{font-family:var(--font-display);font-size:var(--fs-4);line-height:var(--lh-heading);
  color:var(--ink);font-weight:var(--fw-bold)}

/* Четыре шага — общая база (используется внутри блока «Как мы работаем») */
.block-page .wp-block-group.step{display:flex;gap:var(--space-3);align-items:flex-start}
.block-page .step .step__n{flex:none;font-family:var(--font-display);font-size:var(--fs-6);line-height:1;
  color:var(--accent);min-width:1.2em}
.block-page .wp-block-group.step__body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.block-page .step__body h3{margin:0}
.block-page .step__body p{margin:0;color:var(--ink-2)}

/* Отрасли — 5 карточек */
.block-page .wp-block-group.sector-card{height:100%;background:var(--surface);padding:var(--space-4);
  display:flex;flex-direction:column;gap:var(--space-2);border-left:3px solid var(--line-strong)}
.block-page .sector-card:hover{border-left-color:var(--accent)}
.block-page .sector-card h3{margin:0}
.block-page .sector-card p{margin:0;color:var(--ink-2)}

/* Каталог — 4 направления */
.block-page .wp-block-group.direction{height:100%;padding:var(--space-4);background:var(--surface);
  display:flex;flex-direction:column;gap:var(--space-2)}
.block-page .direction h3{margin:0}
.block-page .direction p{margin:0;color:var(--ink-2)}
.block-page .catalog__note{margin-top:var(--space-4);color:var(--ink-2)}

/* Доверие */
.block-page .section--trust .fact{background:var(--surface)}

/* Спецпредложение — таблица цен */
.block-page .offer-table td.num,.block-page .offer-table th:last-child{text-align:right;white-space:nowrap}
.block-page .offer-table td.num{color:var(--ink);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}
.block-page .offer-table tbody tr:hover td{background:rgba(255,255,255,.03)}
.block-page .offer__note{margin-top:var(--space-3);font-size:var(--fs-2);color:var(--ink-3)}

/* FAQ — свёрнутые вопросы */
.block-page .faq{display:flex;flex-direction:column;max-width:var(--container-narrow)}
.block-page .faq__item{border-bottom:var(--rule-width) solid var(--line)}
.block-page .faq__q{cursor:pointer;padding:var(--space-3) var(--space-6) var(--space-3) 0;position:relative;
  font-size:var(--fs-4);color:var(--ink);list-style:none}
.block-page .faq__q::-webkit-details-marker{display:none}
.block-page .faq__q::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);
  font-family:var(--font-display);font-size:var(--fs-5);color:var(--accent);line-height:1}
.block-page .faq__item[open] .faq__q::after{content:"–"}
.block-page .faq__q:hover{color:var(--accent)}
.block-page .faq__q:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.block-page .faq__a{padding:0 var(--space-6) var(--space-3) 0;color:var(--ink-2)}

/* Финальный призыв */
.block-page .section--cta{background:var(--bg-2);border-top:3px solid var(--accent)}
.block-page .section--cta .prose{max-width:var(--container-narrow)}
.block-page .section--cta .contact-item .k{color:var(--accent)}
.block-page .cta__hours{margin-top:var(--space-4);font-size:var(--fs-2);color:var(--ink-3)}

/* Первый экран: фоновая фотография (docs/design/assets/home/hero-svarka.jpg) + затемнение под текст */
.block-page .section.hero{background-image:linear-gradient(rgba(32,32,32,.86),rgba(32,32,32,.94)),url('../img/hero-svarka.jpg');
  background-size:cover;background-position:center;background-repeat:no-repeat}

/* Первый экран: фотография фоном всего блока, единый градиент слева направо, контент до 780px */
.block-page .section.hero{
  background-image:
    linear-gradient(90deg,rgba(18,20,21,.82) 0%,rgba(18,20,21,.66) 34%,rgba(18,20,21,.90) 74%,rgba(18,20,21,.98) 100%),
    url('../img/hero-svarka.jpg');
  background-size:auto, cover;background-position:center, 45% center;background-repeat:no-repeat;
  min-height:clamp(560px,72vh,760px);display:flex;flex-direction:column;justify-content:center}
/* Телефон — кнопка в общем потоке кнопок первого экрана (выравнивание как у остальных) */
.block-page .hero__phone{margin:var(--space-2) 0 0}
.block-page .hero__call{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;
  padding:10px 18px;background:transparent;border:1px solid rgba(255,255,255,.28);color:var(--ink)}
.block-page .hero__call:hover{background:transparent;border-color:var(--accent)}
.block-page .hero__call-label{font-family:var(--font-display);font-size:var(--fs-1);letter-spacing:var(--ls-caps);
  text-transform:uppercase;color:var(--ink-3)}
.block-page .hero__call-num{font-size:var(--fs-3);font-weight:var(--fw-bold);color:var(--ink)}
.block-page .hero__call:hover .hero__call-num{color:var(--accent)}
@media (max-width:620px){
  .block-page .hero__phone .wp-block-button,
  .block-page .hero__phone .hero__call{width:100%}
}
.block-page .hero__inner{max-width:780px}
.block-page .hero h1{max-width:100%}
.block-page .hero__trust{margin:var(--space-3) 0 0;font-size:var(--fs-2);color:var(--ink-2)}
.block-page .hero__proof{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-5);
  padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.16)}
.block-page .hero__proof-item{margin:0;font-size:var(--fs-2);color:var(--ink-2);position:relative;padding-left:14px}
.block-page .hero__proof-item::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--accent)}
@media (max-width:620px){
  .block-page .section.hero{min-height:auto;padding-top:var(--space-7);padding-bottom:var(--space-7)}
  .block-page .hero .hero__actions .wp-block-button,
  .block-page .hero .hero__actions .wp-block-button__link{width:100%;min-width:0}
  .block-page .hero__proof{gap:var(--space-2) var(--space-3)}
}

/* Баланс главной: первый экран в две колонки — текст | реальный товар */
.block-page .hero-grid{align-items:center}
.block-page .hero__text{min-width:0}
.block-page .hero__text .wp-block-buttons{margin:var(--space-4) 0 0}
.block-page .hero__media{min-width:0}
.block-page .hero__media .lead-product{background:var(--surface)}
.block-page .hero__photo img{width:100%;height:auto;display:block}
@media (max-width:900px){
  .block-page .hero-grid{display:block}
  .block-page .hero__media{margin-top:var(--space-5)}
}

/* «Как мы работаем»: шаги | фотография склада */
.block-page .steps-grid{align-items:center}
.block-page .steps__col{min-width:0}
.block-page .steps__col .wp-block-group.step{margin-top:var(--space-3)}
.block-page .steps__media{min-width:0}
.block-page .steps__photo img{width:100%;height:auto;display:block}
@media (max-width:900px){
  .block-page .steps-grid{display:block}
  .block-page .steps__media{margin-bottom:var(--space-5)}
}

/* Блок «Как мы работаем. Четыре шага»: фон — фото сварщика, шаги — своя сетка 2×2 */
.block-page .section--steps{
  background-image:linear-gradient(rgba(32,32,32,.92),rgba(32,32,32,.96)),
    url('../img/home-welder.jpg');
  background-size:cover;background-position:center;background-repeat:no-repeat}
.block-page .section--steps .wp-block-group.steps-grid{display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-6);margin-top:var(--space-5)}
.block-page .section--steps .wp-block-group.step{padding-top:var(--space-3);border-top:2px solid var(--line-strong);
  display:block}
.block-page .section--steps .step .step__n{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:var(--fs-5);
  line-height:1;color:var(--accent)}
.block-page .section--steps .wp-block-group.step__body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}
.block-page .section--steps .step__body h3{margin:0}
.block-page .section--steps .step__text{margin:0;color:var(--ink);font-size:var(--fs-3);line-height:var(--lh-ui)}
.block-page .section--steps .wp-block-buttons{margin-top:var(--space-6)}
@media (max-width:760px){
  .block-page .section--steps .wp-block-group.steps-grid{grid-template-columns:1fr;gap:var(--space-4)}
}

/* Блок «Почему мы. Четыре причины»: возвращена прежняя фотография сварки слева */
@media (max-width:1000px){
}

/* Примечание: фото сварки (home-hero.jpeg) больше не фон всего блока — блок перестроен выше
   (фото сварщика слева). Старое правило убрано, чтобы не перекрывало новое. */

/* Фотополоса-заглушка убрана: та же фотография теперь затемнённый фон под текстовым блоком «Знакомо?» */.block-page .section--pain{background-image:linear-gradient(rgba(32,32,32,.88),rgba(32,32,32,.95)),
  url('../img/home-plant.jpeg');background-repeat:no-repeat;background-position:center;background-size:cover}

/* Фотополоса перед финальным блоком (класс оставлен для совместимости) */
.block-page .section--band .media-band__img{margin:0}
.block-page .media-band__img img{width:100%;height:auto;display:block}

/* Плотная форма главной: текст обслуживает товары и плитки */
.block-page .pain-grid{align-items:center}
.block-page .pain__text{margin:var(--space-2) 0 0;color:var(--ink-2);font-size:var(--fs-4);line-height:var(--lh-ui)}
.block-page .pain__col .pain__turn{margin:0;font-size:var(--fs-4);line-height:var(--lh-ui)}

/* Плитки категорий — ссылка целиком */
.block-page .wp-block-group.cat-tile{padding:0;background:var(--surface);height:100%}
.block-page .cat-tile__link{display:flex;flex-direction:column;gap:var(--space-1);height:100%;
  padding:var(--space-4);text-decoration:none;color:var(--ink);border-left:3px solid var(--line-strong);
  transition:border-color var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}
.block-page .cat-tile__link:hover{border-left-color:var(--accent);color:var(--accent)}
.block-page .cat-tile__t{font-family:var(--font-display);font-size:var(--fs-4);line-height:var(--lh-heading);font-weight:var(--fw-bold)}
.block-page .cat-tile__d{font-size:var(--fs-2);color:var(--ink-2)}

/* Шапка товарного блока */
.block-page .wp-block-group.products__head{margin-bottom:var(--space-5)}
.block-page .products__lead{margin:var(--space-2) 0 0;color:var(--ink-2);font-size:var(--fs-3)}
.block-page .section--products .product-grid{margin-top:0}

@media (max-width:760px){
  .block-page .cat-tile__link{padding:var(--space-3)}
}

@media (max-width:900px){
  .block-page .pain__turn{font-size:var(--fs-3)}
  .block-page .faq__q{font-size:var(--fs-3)}
}
@media (max-width:620px){
  .block-page .wp-block-group.benefit,.block-page .wp-block-group.sector-card,
  .block-page .wp-block-group.direction{padding:var(--space-3)}
  .block-page .step .step__n{font-size:var(--fs-5)}
  .block-page .hero .hero__actions{gap:var(--space-2)}
  .block-page .hero .hero__actions .wp-block-button,
  .block-page .hero .hero__actions .wp-block-button__link{width:100%}
  .block-page .hero .hero__actions .wp-block-button__link{text-align:center}
}

/* --- Мобильный первый экран: кнопки на всю ширину, одинаковые (правило в конце файла) --- */
@media (max-width:620px){
  .block-page .section.hero .hero__actions{display:block}
  .block-page .section.hero .hero__actions .wp-block-buttons{width:100%;margin:0 0 var(--space-2)}
  .block-page .section.hero .hero__actions .wp-block-button,
  .block-page .section.hero .hero__actions .wp-block-button__link{width:100%;min-width:0;display:block;text-align:center}
}

/* =============================================================================
 * Каталог: сетка и карточки. Фактическая разметка BONO:
 *   каталог/рубрики: .shop-grid.shop-grid--columns-N > .product / .product-category
 *   цикл товаров:    .shop-item > .shop-item-inner > .shop-item__image / __title
 * ========================================================================== */
.site-main .shop-grid{display:grid;gap:var(--space-4);margin:0;padding:0}
.site-main .shop-grid--columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.site-main .shop-grid--columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.site-main .shop-grid--columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.site-main .shop-grid--columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1280px){
  .site-main .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:900px){
  .site-main .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:560px){
  .site-main .shop-grid{grid-template-columns:1fr!important}
}

/* Общее для плитки рубрики и карточки товара */
.site-main .shop-grid > .product,
.site-main .shop-grid > .product-category,
.site-main ul.products > li.product,
.site-main ul.products > li.product-category{margin:0;width:auto;float:none;clear:none}
.site-main .shop-grid > .product > a,
.site-main .shop-grid > .product-category > a,
.site-main ul.products > li > a{display:flex;flex-direction:column;gap:var(--space-2);height:100%;
  padding:var(--space-3);background:var(--surface);border:var(--rule-width) solid var(--line);
  border-radius:var(--radius);text-decoration:none}
.site-main .shop-grid > .product-category > a:hover,
.site-main ul.products > li.product-category > a:hover{border-color:var(--line-strong)}

/* Картинка рубрики и её заголовок */
.site-main .product-category img,
.site-main .product-category .cat-placeholder{width:100%;aspect-ratio:4/3;object-fit:contain;
  background:var(--plate);border:var(--rule-width) solid var(--line);border-radius:var(--radius);padding:12px;display:block}
.site-main .product-category .cat-placeholder{display:grid;place-items:center;background:var(--bg-2)}
.site-main .product-category .cat-placeholder__mark{width:54px;height:54px;border:2px solid var(--accent);opacity:.55;
  transform:rotate(45deg);display:block}
.site-main .product-category:hover .cat-placeholder__mark{opacity:.9}
/* Штатный серый плейсхолдер WooCommerce прячем, если показали свой */
.site-main .product-category .cat-placeholder ~ img{display:none}
.site-main .product-category .woocommerce-loop-category__title,
.site-main .product-category h2{margin:0;padding:0;border:0;font-family:var(--font-display);font-weight:var(--fw-bold);
  text-transform:uppercase;font-size:var(--fs-3);line-height:var(--lh-heading);color:var(--ink)}
.site-main .product-category:hover .woocommerce-loop-category__title{color:var(--accent)}
.site-main .product-category .count{display:none}

/* Карточка товара в цикле */
.site-main .shop-item{height:100%}
.site-main .shop-item-inner{height:100%;display:flex;flex-direction:column;gap:var(--space-2);
  padding:var(--space-3);background:var(--surface);border:var(--rule-width) solid var(--line);border-radius:var(--radius)}
.site-main .shop-item-inner:hover{border-color:var(--line-strong)}
.site-main .shop-item__image{margin:0}
.site-main .shop-item__image-inner{background:var(--plate);border:var(--rule-width) solid var(--line);
  border-radius:var(--radius);aspect-ratio:4/3;overflow:hidden;display:grid;place-items:center}
.site-main .shop-item__image img{width:100%;height:100%;object-fit:contain;padding:12px;display:block}
.site-main .shop-item__title{margin:0}
.site-main .shop-item__title a{font-family:var(--font-display);font-weight:var(--fw-bold);text-transform:uppercase;
  font-size:var(--fs-3);line-height:var(--lh-heading);color:var(--ink);text-decoration:none}
.site-main .shop-item__title a:hover{color:var(--accent)}
.site-main .shop-item__price,
.site-main .shop-item__badges,
.site-main .shop-item__icons{display:none}
.site-main .shop-item__buttons{margin-top:auto}
.site-main .shop-item__buttons .elistroy-rq-add{width:100%}

/* Карточки в блоках ВНЕ каталога (похожие товары на странице товара и др.):
   BONO задаёт им белый фон (#fff) — приводим к тёмной теме, как в каталоге. */
.related-products .shop-item,
.product .shop-item{height:100%}
.related-products .shop-item-inner,
.product .shop-item-inner{height:100%;display:flex;flex-direction:column;gap:var(--space-2);
  padding:var(--space-3);background:var(--surface);border:var(--rule-width) solid var(--line);border-radius:var(--radius)}
.related-products .shop-item-inner:hover,
.product .shop-item-inner:hover{border-color:var(--line-strong)}
.related-products .shop-item__image,
.product .shop-item__image{margin:0}
.related-products .shop-item__image-inner,
.product .shop-item__image-inner{background:var(--plate);border:var(--rule-width) solid var(--line);
  border-radius:var(--radius);aspect-ratio:4/3;overflow:hidden;display:grid;place-items:center}
.related-products .shop-item__image img,
.product .shop-item__image img{width:100%;height:100%;object-fit:contain;padding:12px;display:block}
.related-products .shop-item__title,
.product .shop-item__title{margin:0}
.related-products .shop-item__title a,
.product .shop-item__title a{font-family:var(--font-display);font-weight:var(--fw-bold);text-transform:uppercase;
  font-size:var(--fs-3);line-height:var(--lh-heading);color:var(--ink);text-decoration:none}
.related-products .shop-item__title a:hover,
.product .shop-item__title a:hover{color:var(--accent)}
.related-products .shop-item__price,.related-products .shop-item__badges,.related-products .shop-item__icons,
.product .shop-item__price,.product .shop-item__badges,.product .shop-item__icons{display:none}
.related-products .shop-item__buttons,
.product .shop-item__buttons{margin-top:auto}
.related-products .shop-item__buttons .elistroy-rq-add,
.product .shop-item__buttons .elistroy-rq-add{width:100%}

/* A1: блок «Подходит для» на странице товара (метки-сценарии) */
.product-scenarios{margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);
  background:var(--surface);border:var(--rule-width) solid var(--line)}
.product-scenarios__row{display:flex;gap:8px;font-size:14px;line-height:1.5}
.product-scenarios__row + .product-scenarios__row{margin-top:4px}
.product-scenarios__k{color:var(--ink-3);white-space:nowrap}
.product-scenarios__v{color:var(--ink)}

/* Бренд на странице товара */
.product-brand-line{margin:10px 0 0;font-size:14px;color:var(--ink-3)}
.product-brand-line b{color:var(--ink);font-weight:600}

/* Бренд на плитке товара в каталоге */
.shop-item__brand{font-size:12px;line-height:1.3;color:var(--ink-3);letter-spacing:.02em;margin:6px 0 2px}
.shop-item__brand + .shop-item__title{margin-top:0}

/* Характеристики на плитке каталога */
.shop-item__specs{font-size:12px;line-height:1.35;color:var(--ink-3);margin:3px 0 0}

/* A2: панель фильтров каталога */
.catalog-filters{margin:0 0 var(--space-5);padding:var(--space-4);background:var(--surface);border:var(--rule-width) solid var(--line)}
.catalog-filters__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:var(--space-3)}
.catalog-filters__title{font-weight:600;font-size:16px}
.catalog-filters__reset{font-size:14px;color:var(--ink-3)}
.catalog-filters__groups{display:flex;flex-wrap:wrap;gap:var(--space-5)}
.catalog-filters__group{border:0;padding:0;margin:0;min-width:190px;flex:1 1 200px}
.catalog-filters__group legend{font-size:13px;color:var(--ink-3);margin-bottom:6px;padding:0}
.catalog-filters__opts{display:flex;flex-direction:column;gap:4px}
.catalog-filters__opt{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}
.catalog-filters__opt em{margin-left:auto;font-style:normal;color:var(--ink-3);font-size:12px}
.catalog-filters__opt input{margin:0;flex:0 0 auto}
.catalog-filters__more summary{font-size:13px;color:var(--ink-3);cursor:pointer;margin-top:4px}
.catalog-filters__more-body{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.catalog-filters__apply{margin-top:var(--space-3)}

/* A5: поиск по артикулу и названию */
.catalog-filters__search{position:relative;display:flex;gap:8px;margin:0 0 var(--space-4)}
.catalog-filters__search input{flex:1 1 auto;min-width:0}
.catalog-filters__go{flex:0 0 auto}
.catalog-filters__suggest{position:absolute;left:0;right:0;top:100%;z-index:30;display:none;max-height:340px;overflow:auto;
  background:var(--surface);border:var(--rule-width) solid var(--line)}
.catalog-filters__suggest.is-open{display:block}
.catalog-filters__sug{display:flex;justify-content:space-between;align-items:baseline;gap:14px;
  padding:9px 12px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink)}
.catalog-filters__sug:last-child{border-bottom:0}
.catalog-filters__sug:hover{background:rgba(255,255,255,.05)}
.catalog-filters__sug-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-filters__sug-meta{display:flex;gap:12px;flex-shrink:0;font-size:12px;color:var(--ink-3)}
.catalog-filters__sug-sku{white-space:nowrap}

/* Сетка каталога по контейнеру сайта: у страницы магазина нет нашего .container */
.site-main .shop-grid{max-width:var(--container);margin-inline:auto;width:100%}
@media (max-width:1280px){
  .site-main .shop-grid{padding-inline:24px}
}

/* Кнопка заявки внутри карточки каталога (тема кладёт хук в .shop-item-inner) */
.site-main .shop-item-inner > .elistroy-rq-add{margin-top:auto;width:100%}
.site-main .shop-item-inner > .elistroy-rq-goto{display:none}
.site-main .shop-item__buttons{position:static;transform:none;height:auto}

/* =============================================================================
 * Каталог: выравниваем ВСЕ элементы страницы магазина по одному контейнеру.
 * У страницы магазина нет нашего .container, поэтому сортировка, пагинация и
 * крошки оставались в ширину экрана, а сетка была 1200 — отсюда «уехало влево».
 * ========================================================================== */
.site-main > .woocommerce-products-header,
.site-main > .shop-sorting,
.site-main > .woocommerce-result-count,
.site-main > .woocommerce-breadcrumb,
.site-main > .woocommerce-pagination,
.site-main > .shop-grid,
.site-main .shop-grid{max-width:var(--container);margin-inline:auto;width:100%}
@media (max-width:1280px){
  .site-main > .woocommerce-products-header,
  .site-main > .shop-sorting,
  .site-main > .woocommerce-result-count,
  .site-main > .woocommerce-breadcrumb,
  .site-main > .woocommerce-pagination,
  .site-main > .shop-grid,
  .site-main .shop-grid{padding-inline:24px}
}

/* Пагинация: по центру контейнера, аккуратные кнопки в нашем стиле */
.site-main .woocommerce-pagination{display:flex;justify-content:center;margin-top:var(--space-6);text-align:center}
.site-main .woocommerce-pagination > .page-numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 30px;padding:0}
.site-main .woocommerce-pagination .page-numbers,
.site-main .woocommerce-pagination .post-page-numbers{display:inline-flex;align-items:center;justify-content:center;
  min-width:38px;height:38px;margin:0;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--radius);
  color:var(--ink);text-decoration:none;font-size:var(--fs-2)}
.site-main .woocommerce-pagination .page-numbers:before{display:none!important}
.site-main .woocommerce-pagination .page-numbers.current{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.site-main .woocommerce-pagination .page-numbers:hover{border-color:var(--accent);color:var(--accent)}
.site-main .woocommerce-pagination .page-numbers.current:hover{color:var(--accent-ink)}

/* Заголовок архива и описание рубрики — в контейнер (в теме это прямые дети .site-main) */
.site-main .woocommerce-products-header,
.site-main .woocommerce-products-header__title,
.site-main .term-description,
.site-main .taxonomy-description{max-width:var(--container);margin-inline:auto;width:100%}
@media (max-width:1280px){
  .site-main .woocommerce-products-header,
  .site-main .woocommerce-products-header__title,
  .site-main .term-description,
  .site-main .taxonomy-description{padding-inline:24px}
}

/* Воздух между контентом и подвалом: единое правило для всех страниц магазина */
/* (правило перенесено ниже) */
.site-main .shop-grid + .woocommerce-pagination{margin-top:var(--space-6)}

/* Карточка товара: галерея обрезает слой зума WooCommerce (.zoomImg),
   иначе увеличенное фото выходит за границы страницы (видно при наведении). */
.site-main .woocommerce-product-gallery{overflow:hidden}
.site-main .woocommerce-product-gallery .flex-viewport,
.site-main .woocommerce-product-gallery .woocommerce-product-gallery__image{overflow:hidden}
.site-main .woocommerce-product-gallery .zoomImg{max-width:100%!important}
/* Страница заказа на мобильном: таблицу прокручиваем, кнопки в столбик */
.table-wrap, #rq-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:640px){
  .rq-actions, .rq-form__actions, .request-actions{display:flex;flex-direction:column;gap:10px}
  .rq-actions .btn, .rq-form__actions .btn, .request-actions .btn{width:100%}
  .table-wrap, #rq-table-wrap .table, .table-wrap, #rq-table-wrap table{min-width:520px}
}

/* --- Мобильные правки: список заказа карточками, зум галереи скрыт --- */
@media (max-width:640px){
  .table-wrap, #rq-table-wrap{overflow:visible}
  .table-wrap, #rq-table-wrap .table,
  .table-wrap, #rq-table-wrap table{min-width:0;width:100%}
  .table-wrap, #rq-table-wrap .table thead,
  .table-wrap, #rq-table-wrap table thead{display:none}
  .table-wrap, #rq-table-wrap .table, .table-wrap, #rq-table-wrap thead, .table-wrap, #rq-table-wrap tbody,
  .table-wrap, #rq-table-wrap tr, .table-wrap, #rq-table-wrap td{display:block;width:100%}
  .table-wrap, #rq-table-wrap tr{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);
    padding:var(--space-3);margin-bottom:var(--space-3)}
  .table-wrap, #rq-table-wrap td{border:0;padding:3px 0;min-width:0;text-align:left!important}
  .table-wrap, #rq-table-wrap td:first-child{font-family:var(--font-display);font-size:var(--fs-3);line-height:var(--lh-heading);
    text-transform:uppercase;color:var(--ink);padding-bottom:6px}
  .table-wrap, #rq-table-wrap td:nth-child(2)::before{content:"Артикул: ";color:var(--ink-3)}
  .table-wrap, #rq-table-wrap td:nth-child(3)::before{content:"Количество: ";color:var(--ink-3)}
  .table-wrap, #rq-table-wrap td:nth-child(4)::before{content:"Ед. изм.: ";color:var(--ink-3)}
  .table-wrap, #rq-table-wrap td:last-child{padding-top:8px}
  .table-wrap, #rq-table-wrap td:last-child .btn{width:100%}
  .woocommerce-product-gallery__trigger{display:none!important}
}

/* =============================================================================
 * Карточка товара: раскладка товара (BONO) шла во всю ширину экрана — загоняем
 * в тот же контейнер 1200, что и остальные страницы (галерея, описание, вкладки,
 * похожие товары).
 * ========================================================================== */
.site-main .product,
.site-main .product-container,
.site-main .product-images,
.site-main .product-summary,
.site-main .woocommerce-tabs,
.site-main .related,
.site-main .upsells,
.site-main .woocommerce-product-gallery{max-width:var(--container);margin-inline:auto;width:100%}
@media (max-width:1280px){
  .site-main .product,
  .site-main .product-container,
  .site-main .woocommerce-tabs,
  .site-main .related,
  .site-main .upsells{padding-inline:24px}
}

/* Первый экран: мягкий переход фоновой фотографии в фон страницы (без чётких краёв) */
.block-page .section.hero{position:relative}
.block-page .section.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;
  background:linear-gradient(to bottom,rgba(32,32,32,0),rgba(32,32,32,.85) 55%,var(--bg));
  pointer-events:none}
.block-page .section.hero::before{content:"";position:absolute;left:0;right:0;top:0;height:80px;
  background:linear-gradient(to bottom,rgba(32,32,32,.55),rgba(32,32,32,0));pointer-events:none}

/* Шаги: оранжевая линия и подпись как в макете */
.block-page .step__n{
  font-family:var(--font-body,inherit)!important;
  font-size:11px!important;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--accent)!important;
  font-weight:600;
  min-width:0!important;
  line-height:1.4!important;
}
.block-page .section--steps .wp-block-group.step,
.block-page .wp-block-group.step{
  border-top:3px solid var(--accent)!important;
  padding-top:14px!important;
}

/* Иконки в карточках «Выгоды» — линия нашего оранжевого */
.block-page .benefit__icon{
  width:30px;height:30px;display:block;margin:0 0 10px;
  color:var(--accent);
  fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}
.block-page .benefit .benefit__icon{flex:none}

/* Блоки из четырёх элементов — в один ряд, без переноса (на узких экранах перенос остаётся) */
@media (min-width:901px){
  
  
}

/* «Почему мы»: четыре карточки в один ряд */
@media (min-width:901px){
  .why-row .reasons__cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--space-4)!important}
}

/* Воздух между контентом и футером — только в каталоге и рубриках (там пагинация и сетка товаров) */
body.woocommerce-shop .content-area,
body.tax-product_cat .content-area,
body.post-type-archive-product .content-area{padding-bottom:clamp(96px,9vw,144px)!important}
@media (max-width:900px){
  body.woocommerce-shop .content-area,
  body.tax-product_cat .content-area,
  body.post-type-archive-product .content-area{padding-bottom:clamp(56px,10vw,96px)!important}
}

/* Частые вопросы: тёмная подложка, чтобы блок не сливался с серыми соседями */
/* FAQ — фон по общему чередованию (см. .section:nth-child). */
.section--faq .faq{
  background:rgba(0,0,0,.45);
  border:1px solid var(--line-strong);
  border-radius:var(--radius,8px);
  padding:6px 22px;
  box-sizing:border-box;
}
.section--faq .faq__item{padding:16px 0}
.section--faq .faq__item + .faq__item{border-top:1px solid var(--line-strong)}
.section--faq .faq__q{font-weight:600}
@media (max-width:900px){
  .section--faq .faq{padding:4px 14px}
}

/* Направления ассортимента: крупные карточки 2x2 на всю ширину контейнера */


/* Направления ассортимента: карточки на всю ширину (у темы фиксированные 520px) */


/* НАДЁЖНОЕ выравнивание карточек направлений: две равные колонки на всю ширину */
@media (min-width:901px){
  .section--supply .wp-block-columns{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:var(--space-4)!important;
    width:100%!important;
    max-width:none!important;
  }
  .section--supply .wp-block-column{
    flex:1 1 calc(50% - var(--space-2))!important;
    width:auto!important;
    max-width:none!important;
    flex-basis:calc(50% - var(--space-2))!important;
  }
  .section--supply .card{
    width:100%!important;
    max-width:none!important;
  }
}

/* Последняя секция на главной: убираем двойной «воздух» перед футером */
body.home .section:nth-last-of-type(1),
body.page-id-491849 .section:nth-last-of-type(1){
  padding-bottom:40px!important;
}

/* Кнопка «Перейти в каталог» под списком товаров в рубрике */
.elistroy-after-loop{display:flex;justify-content:center;margin:clamp(32px,4vw,56px) 0 0}
.elistroy-after-loop .wp-block-button__link{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:0 26px;text-decoration:none;
}

/* Кнопка «Перейти в каталог» под секцией «Из каталога» на главной */
.block-page > .wp-block-buttons{display:flex!important;justify-content:center!important;margin:0 0 clamp(48px,6vw,88px)}
.block-page > .wp-block-buttons .wp-block-button__link{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:0 26px;text-decoration:none;
}
@media (max-width:900px){
  .block-page > .wp-block-buttons{margin:0 0 40px}
}

/* Чередование фона — АВТОМАТИЧЕСКИ по порядку секций (прямые дети .block-page).
   Ручные классы не нужны: фон не сломается при перестановке блоков.
   Только background-color — сокращение background стирает фоновые картинки. */
.block-page > .wp-block-group.section:nth-child(odd){background-color:var(--bg)}
.block-page > .wp-block-group.section:nth-child(even){background-color:var(--bg-2)}

/* ФОТО-ФОНЫ (восстановление): первый экран, «Как мы работаем», «Чем мы снабжаем» */
.block-page .wp-block-group.hero{
  background-image:linear-gradient(90deg, rgba(32,32,32,.94) 0%, rgba(32,32,32,.78) 42%, rgba(32,32,32,.30) 100%),
    url('../img/brand/brand-hero-welder.jpg')!important;
  background-repeat:no-repeat!important;background-position:right center!important;background-size:cover!important;
}
.block-page .wp-block-group.section--steps{
  background-image:linear-gradient(rgba(32,32,32,.93), rgba(32,32,32,.96)), url('../img/home-welder.jpg')!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
}
.block-page .wp-block-group.section--supply{
  background-image:linear-gradient(rgba(32,32,32,.92), rgba(32,32,32,.96)), url('../img/brand/brand-warehouse.jpg')!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
}
.block-page .wp-block-group.section--offer{
  background-image:linear-gradient(rgba(32,32,32,.95), rgba(32,32,32,.97)), url('../img/home-plant.jpeg')!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
}

/* Добавлено 22.09: фото-фоны в уместных секциях (текстура металла — финал, склад — FAQ).
   Только background-image: цвет фона остаётся за автоматическим чередованием. */
.block-page .wp-block-group.cta-final{
  background-image:linear-gradient(rgba(32,32,32,.90), rgba(32,32,32,.96)), url('../img/brand/brand-bg-metal.jpg');
  background-size:cover;background-position:center;background-repeat:no-repeat;
}
.block-page .wp-block-group.section--faq{
  background-image:linear-gradient(rgba(32,32,32,.90), rgba(32,32,32,.95)), url('../img/home-warehouse.jpeg');
  background-size:cover;background-position:center;background-repeat:no-repeat;
}

/* Страница «О компании»: цитата, карточки принципов, карточки магазинов */
.block-page .quote{border-left:3px solid var(--accent);padding:var(--space-1) 0 var(--space-1) var(--space-3);
  color:var(--ink);font-size:var(--fs-4);margin:0 0 var(--space-2)}
.block-page .wp-block-group.card{background:var(--surface);border:var(--rule-width) solid var(--line);
  border-top:3px solid var(--accent);padding:var(--space-4);height:100%}
.block-page .wp-block-group.contact-item{background:var(--surface);border:var(--rule-width) solid var(--line);
  padding:var(--space-4);height:100%}
.block-page .wp-block-group.card p,.block-page .wp-block-group.contact-item p{margin-bottom:0}

/* Страница «О компании»: один спокойный ритм — плотные отступы и ровная шкала текста */body.page-id-491854 .block-page .section{background-color:transparent!important;padding-block:20px!important}
body.page-id-491854 .block-page .section:last-child{padding-bottom:44px!important;border-bottom:0}
body.page-id-491854 .block-page .container{margin-top:0!important;margin-bottom:0!important}
body.page-id-491854 .block-page h1{font-size:38px;line-height:1.14;margin:0 0 12px}
body.page-id-491854 .block-page h2{font-size:26px;line-height:1.2;margin:0 0 10px}
body.page-id-491854 .block-page h3{font-size:18px;line-height:1.3;margin:0 0 6px}
body.page-id-491854 .block-page .t-caps{font-size:12px;margin-bottom:5px}
body.page-id-491854 .block-page p{font-size:16.5px;line-height:1.6;margin:0 0 9px;max-width:72ch}
body.page-id-491854 .block-page .t-lead{font-size:18.5px;margin-bottom:9px}
body.page-id-491854 .block-page .wp-block-columns{margin:0}
body.page-id-491854 .block-page .wp-block-column > *:last-child,
body.page-id-491854 .block-page .card > *:last-child,
body.page-id-491854 .block-page .contact-item > *:last-child{margin-bottom:0}
/* Четыре принципа — квадратные карточки */
body.page-id-491854 .block-page .wp-block-columns .wp-block-column{display:flex}
body.page-id-491854 .block-page .wp-block-group.card{width:100%;display:flex;flex-direction:column;justify-content:center}@media (min-width:981px){body.page-id-491854 .block-page .wp-block-group.card{min-height:150px}}
/* Компания в цифрах: плитки фактов — ровные карточки */
body.page-id-491854 .block-page .wp-block-group.fact{width:100%;height:100%;background:var(--surface);
  border:var(--rule-width) solid var(--line);border-top:3px solid var(--accent);padding:var(--space-4)}
body.page-id-491854 .block-page .fact__n{font-family:var(--font-display);font-weight:700;color:var(--accent);font-size:28px;line-height:1;margin:0 0 6px;max-width:none}
body.page-id-491854 .block-page .fact__t{font-size:14px;line-height:1.45;color:var(--ink-2);margin:0;max-width:none}
@media (max-width:980px){body.page-id-491854 .block-page .wp-block-group.card{aspect-ratio:auto}}

/* Аудит U5: блок «Характеристики» в карточке товара */
.product-specs{margin:var(--space-4) 0;background:var(--surface);border:var(--rule-width) solid var(--line);padding:var(--space-4)}
.product-specs__title{font-family:var(--font-display);font-weight:var(--fw-bold);text-transform:uppercase;font-size:16px;letter-spacing:.04em;margin:0 0 var(--space-2);color:var(--ink)}
.product-specs .spec-row{display:flex;gap:var(--space-3);padding:7px 0;border-bottom:var(--rule-width) solid var(--line)}
.product-specs .spec-row:last-child{border-bottom:0}
.product-specs .spec-k{flex:0 0 46%;color:var(--ink-3);font-size:14px}
.product-specs .spec-v{flex:1;font-size:14.5px;color:var(--ink-2)}
@media (max-width:600px){.product-specs .spec-row{flex-direction:column;gap:2px}.product-specs .spec-k{flex:none}}

/* На странице товара блок занимает всю ширину — раскладываем характеристики в две колонки,
   чтобы подпись и значение не разъезжались */
.single-product .product-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-5)}
.single-product .product-specs__title{grid-column:1 / -1}
@media (max-width:900px){.single-product .product-specs{grid-template-columns:1fr}}

/* Таблицы из описаний поставщиков — в стиле тёмной темы.
   Раньше у них были светлые рамки (#dee2e6) — на тёмном фоне выглядело светлым блоком. */
.single-product .woocommerce-Tabs-panel table,
.single-product table.grey-white-table{width:100%;border-collapse:collapse;background:transparent;border-color:var(--line)}
.single-product .woocommerce-Tabs-panel table td,
.single-product .woocommerce-Tabs-panel table th,
.single-product table.grey-white-table td,
.single-product table.grey-white-table th{border:var(--rule-width) solid var(--line);padding:9px 11px;background:transparent;color:var(--ink);vertical-align:top}
.single-product .woocommerce-Tabs-panel table h3,
.single-product table.grey-white-table h3{margin:0 0 6px;font-size:16px}

/* Блок «Содержание» внутри описания (приходит из контента поставщика) — в стиле тёмной темы */
.single-product .table-of-contents,
.single-product .woocommerce-Tabs-panel .table-of-contents{background:var(--surface);border:var(--rule-width) solid var(--line);padding:var(--space-3) var(--space-4);color:var(--ink)}
.single-product .table-of-contents a,
.single-product .woocommerce-Tabs-panel .table-of-contents a{color:var(--accent)}
.single-product .table-of-contents ul,
.single-product .woocommerce-Tabs-panel .table-of-contents ul{margin:0;padding-left:20px}

/* 2.1 Сортировка каталога: подпись и оформление */
.woocommerce-ordering{display:flex;align-items:center;gap:10px;margin:0 0 18px}
.woocommerce-ordering::before{content:"Сортировать:";font-size:14px;color:var(--ink-3);white-space:nowrap}
.woocommerce-ordering select{background:var(--surface);color:var(--ink);border:var(--rule-width) solid var(--line);padding:9px 12px;font-size:14px;max-width:100%}
@media (max-width:600px){.woocommerce-ordering{flex-wrap:wrap}}