/* Отличия шаблона от общих стилей. Подключается после main.css. */
.cat-layout{display:grid;grid-template-columns:264px 1fr;gap:30px;align-items:start;padding:26px 0 62px}
.goods{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card-price{margin-top:auto;display:flex;align-items:baseline;gap:9px;margin-bottom:12px}
@media (max-width:1080px){
  /* Фильтры и каталог описаны в общем файле. */
  .footer-grid{grid-template-columns:1fr 1fr}
  .quiz-inline{grid-template-columns:1fr;gap:22px;padding:26px}
}
@media (max-width:860px){
  .goods{grid-template-columns:repeat(2,1fr)}
  .topbar-left{display:none}
  .hsearch{display:none}
  .header .wrap{height:70px;gap:14px}
  .header .btn-primary{display:none}
  h2{font-size:25px}
  .cat-head h1{font-size:27px}
  .section{padding:44px 0}
  .view{display:none}
}
@media (max-width:560px){
  .goods{grid-template-columns:1fr}
  .hphone{font-size:16px}
  .logo img{height:40px}
  .footer-grid{grid-template-columns:1fr}
  .cat-head h1{font-size:24px}
  .cat-count{display:block;margin:6px 0 0}
  .toolbar{gap:8px}
  .sorts{width:100%}
  .seo-table{font-size:13px}
  .seo-table th,.seo-table td{padding:8px 9px}
}
.bcard img{width:100%;height:168px;object-fit:cover;border-bottom:1px solid var(--border)}
.pager{display:flex;gap:7px;justify-content:center;margin:34px 0 0;flex-wrap:wrap}
.pager a,.pager span{min-width:40px;height:40px;padding:0 13px;border:1.5px solid var(--border);border-radius:var(--radius);background:#fff;display:flex;align-items:center;justify-content:center;font-size:14.5px;font-weight:600}
@media (max-width:1000px){.blog-layout{grid-template-columns:1fr;gap:30px}.feat{grid-template-columns:1fr}.feat img{min-height:200px}}
@media (max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-head h1{font-size:26px}.feat-b{padding:20px}.feat-b h2{font-size:21px}}
@media (max-width:1000px){.art-layout{grid-template-columns:minmax(0,1fr);gap:30px}}
@media (max-width:640px){
  .art-head h1{font-size:26px}
  .art-body h2{font-size:22px}
  .art-body p{font-size:16px}
  .pick-row{grid-template-columns:1fr}
  .rel{grid-template-columns:1fr}
  .ptable{font-size:13.5px}
  .ptable th,.ptable td{padding:9px 10px}
}

/* ================= простая страница ================= */
/* Отзывы, эксперты, «О компании», документы. Без пустой боковой колонки:
   ширина совпадает с общей сеткой сайта (правки заказчика 01.11.2026). */
.page-layout{padding-top:28px;padding-bottom:10px}   /* боковые поля — от .wrap */
.page-layout > article{max-width:none;min-width:0}
.art-body .posts{margin:18px 0 8px}
/* «Статьи автора» на странице эксперта: в колонке чтения 860 px четыре карточки
   выходили узкими, а заголовки и анонсы брали крупную типографику статьи
   (заказчик, 27.10.2026) — три в ряд и размеры карточки ленты */
.art-body .posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.art-body .posts .bcard{color:var(--dark);text-decoration:none}
.art-body .posts .bcard h3{font-size:16.5px;line-height:1.32;margin:0 0 8px}
.art-body .posts .bcard p{font-size:14px;line-height:1.5;margin:0 0 12px}
.art-body .posts .bcat{margin-bottom:6px}
@media (max-width:860px){.art-body .posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.art-body .posts{grid-template-columns:minmax(0,1fr)}}

/* --- карточка отзыва: модель, рассказ, фото, имя --- */
.art-body .a-review{
  border:1.5px solid var(--border);border-radius:var(--radius-lg);background:#fff;
  padding:16px 18px;margin:18px 0;
}
.art-body .a-review-row{margin:0}
.art-body .a-review-row:first-child{font-size:14px;color:var(--gray-2);margin-bottom:8px}
.art-body .a-review-row:first-child strong{color:var(--dark)}
.art-body .a-review-row p{margin:0 0 10px}
.art-body .a-review-row img{max-width:100%;height:auto;border-radius:var(--radius)}
.art-body .a-review-row:last-child p:last-child{margin-bottom:0}

/* --- страницы «Отзывы о септиках <марка>»: вступление и сетка отзывов --- */
.art-body .rev-lead{font-size:18px;line-height:1.6;color:var(--gray-2);margin:0 0 26px;max-width:760px}
/* колонками, а не сеткой: отзывы разной длины, в сетке под короткими зияли бы дыры */
.art-body .rev-list{column-count:2;column-gap:20px;margin:0 0 30px}
.art-body .rev-list .a-review{display:flex;flex-direction:column;break-inside:avoid;margin:0 0 20px;
  padding:20px 22px;border:1px solid var(--border);border-radius:18px;box-shadow:0 1px 2px rgba(34,41,49,.04)}
.art-body .rev-list .a-review-row{font-size:15.5px;line-height:1.6}
.art-body .rev-model{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;margin:0 0 12px!important}
.art-body .rev-model span{font-size:13px;color:var(--gray)}
.art-body .rev-model a,.art-body .rev-model > :not(span){font-weight:800;font-size:15px}
.art-body .rev-model a{color:#c25e00;text-decoration:none;background:#fff4e0;padding:3px 10px;border-radius:999px}
.art-body .rev-model a:hover{background:#ffe7bf;color:#7a4700}
.art-body .rev-list .a-review-row p:has(> a > img),.art-body .rev-list .a-review-row p:has(> img){margin:4px 0 12px}
.art-body .rev-list .a-review-row img{display:block;width:100%;height:220px;object-fit:cover;border-radius:12px}
/* имя автора — последний абзац отзыва */
.art-body .rev-list .a-review-row:last-child > p:last-child{margin:6px 0 0;padding-top:12px;border-top:1px solid var(--border);font-size:15px}
/* отзывам колонка чтения в 860 px не нужна — страница на всю ширину, на ПК три в ряд */
.page-layout > article:has(.rev-list){max-width:none}
@media (min-width:1100px){.art-body .rev-list{column-count:3}}
@media (max-width:860px){.art-body .rev-list{column-count:1}.art-body .rev-lead{font-size:16.5px}}

/* --- шапка эксперта --- */
.art-body .expert-card{
  display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;
  background:var(--bg-soft);border-radius:var(--radius-lg);padding:16px;margin:0 0 24px;
}
.art-body .expert-card img{width:96px;height:96px;border-radius:50%;object-fit:cover;margin:0}
.art-body .expert-pos{font-weight:700;color:var(--dark);margin-bottom:6px}
.art-body .expert-meta{list-style:none;margin:0;padding:0;font-size:14px;display:grid;gap:3px}
.art-body .expert-meta li{margin:0;padding:0}
.art-body .expert-meta li::before{display:none}
.art-body .expert-meta b{display:block;font-size:12px;color:var(--gray);font-weight:600}
.art-body .expert-meta a{overflow-wrap:anywhere}
@media (min-width:700px){
  .art-body .expert-card{grid-template-columns:140px 1fr;gap:22px;padding:20px}
  .art-body .expert-card img{width:140px;height:140px}
  .art-body .expert-meta b{display:inline-block;min-width:74px;font-size:inherit}
}

/* --- три цифры на «О компании» --- */
.art-body .a-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 22px}
.art-body .a-stat{background:var(--bg-soft);border-radius:var(--radius-lg);padding:14px 10px;text-align:center}
.art-body .a-stat b{display:block;font-size:28px;line-height:1.1;color:var(--dark)}
.art-body .a-stat span{display:block;font-size:13px;color:var(--gray-2);margin-top:4px}

/* --- команда --- */
.art-body .a-team{display:grid;gap:12px;margin:16px 0}
.art-body .a-person{
  display:grid;grid-template-columns:72px 1fr;gap:4px 14px;align-items:start;
  border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:14px;
  text-decoration:none;color:inherit;background:#fff;
}
.art-body .a-person:hover{border-color:var(--orange)}
.art-body .a-person img{grid-row:1/4;width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0}
.art-body .a-person b{color:var(--dark)}
.art-body .a-person-pos{font-size:13.5px;color:var(--gray-2)}
.art-body .a-person-d{font-size:13.5px;color:var(--gray);line-height:1.45}
@media (min-width:700px){.art-body .a-team{grid-template-columns:1fr 1fr}}

/* --- ссылка на документ в таблице нормативов --- */
.art-body a.a-btn:not(.btn){
  display:inline-block;white-space:nowrap;padding:6px 12px;border:1.5px solid var(--border);
  border-radius:999px;font-size:13.5px;font-weight:600;text-decoration:none;color:var(--dark);margin:0;
}
.art-body a.a-btn:not(.btn):hover{border-color:var(--orange)}

/* ================= блоки посадочных услуг ================= */
/* Карточки: цены, техника, причины, этапы, примеры работ. На телефоне
   в столбик, от планшета — по две, на широком — по три. */
.art-body .a-cards{display:grid;gap:12px;margin:18px 0 24px}
.art-body .a-card{
  border:1.5px solid var(--border);border-radius:var(--radius-lg);background:#fff;
  padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0;
}
.art-body .a-card img{width:100%;height:180px;object-fit:cover;border-radius:var(--radius);margin:0 0 4px}
.art-body .a-card p,.art-body .a-card ul,.art-body .a-card ol{margin:0;font-size:14.5px}
.art-body .a-card-t{font-weight:700;color:var(--dark);font-size:16px;line-height:1.3}
.art-body .a-card-price{margin-top:auto;padding-top:6px;font-weight:800;color:var(--dark)}
.art-body .a-card--link{text-decoration:none;color:inherit}
.art-body .a-card--link:hover{border-color:var(--orange)}
.art-body .a-kv{display:flex;justify-content:space-between;gap:10px;font-size:14px;border-bottom:1px dashed var(--border);padding:3px 0}
.art-body .a-kv-k{color:var(--gray)}
@media (min-width:700px){.art-body .a-cards{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.page-layout .art-body .a-cards{grid-template-columns:repeat(3,1fr)}}
/* В списке услуг две карточки: свободная третья колонка не нужна. */
.page-layout .art-body > .a-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}

/* Видео — столбиком, по одному на ширину текста. */
.art-body .a-videos{display:grid;gap:14px;margin:16px 0}

/* Фото эксперта в подписи цитаты. */
.art-body .a-expert-ph{width:36px;height:36px;border-radius:50%;object-fit:cover;vertical-align:middle;margin:0 8px 0 0}

/* ================= статья: блоки прежнего сайта ================= */
/* Шапка цитаты эксперта: фото, «Мнение эксперта», имя, должность. */
.art-body .a-expert-h{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.art-body .a-expert-h .a-expert-ph{width:52px;height:52px;margin:0;flex:none}
.art-body .a-expert-m{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--gray)}
.art-body .a-expert-h .a-expert-n{display:block;margin:0;color:var(--dark);font-size:15px}
.art-body .a-expert-d{display:block;font-size:13px;color:var(--gray-2)}
.art-body .a-expert-b{display:inline-block;margin-top:8px;font-size:14px;font-weight:700;color:var(--cta-dark)}
.art-body .a-quote-c{margin-top:8px;font-size:14px;font-weight:700;color:var(--gray-2)}

/* Итоги опроса. */
.art-body .a-poll{border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;margin:20px 0;background:#fff}
.art-body .a-poll-q{font-weight:700;color:var(--dark);margin-bottom:10px}
.art-body .a-poll-o{position:relative;display:flex;justify-content:space-between;gap:10px;
  padding:8px 10px;margin-bottom:6px;border-radius:8px;background:var(--bg-soft);overflow:hidden;font-size:14.5px}
.art-body .a-poll-o i{position:absolute;left:0;top:0;bottom:0;background:rgba(85,144,44,.16);z-index:0}
.art-body .a-poll-o span,.art-body .a-poll-o b{position:relative;z-index:1}
.art-body .a-poll-n{font-size:13px;color:var(--gray);margin-top:4px}
/* опрос живой: варианты — кнопки, после голоса — только итоги */
.art-body button.a-poll-o{width:100%;border:1.5px solid transparent;font:inherit;font-size:14.5px;color:var(--dark);text-align:left;cursor:pointer}
.art-body button.a-poll-o:hover{border-color:var(--orange)}
.art-body .a-poll.voted button.a-poll-o{cursor:default;border-color:transparent}
.art-body .a-poll-o.mine span::after{content:" · ваш голос";color:var(--gray);font-weight:400}

/* Оценка и реакции под статьёй — как на прежнем сайте: карточка «Оценить
   статью» со звёздами справа и три крупные кнопки реакций с иконками. */
.art-stats{display:grid;gap:14px;margin:30px 0 10px;font-size:14.5px}
.art-rate-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;background:var(--bg);border-radius:16px;padding:20px 26px}
.art-rate-h{font-size:24px;font-weight:800;color:var(--dark)}
.art-rate{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.rate-btns{display:inline-flex;line-height:1}
.rate-btns button{padding:2px;border:0;background:none;font-size:26px;line-height:1;color:#d9dcdf;cursor:pointer}
.rate-btns button.on{color:#f0b400}
/* наведение подсвечивает звезду и все левее: «поставлю четыре» */
.rate-btns:hover button{color:#f0b400}
.rate-btns button:hover ~ button{color:#d9dcdf}
.rate-txt{color:var(--dark)}
.art-stats.rated .rate-btns{pointer-events:none}
.art-likes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.art-like{display:flex;align-items:center;gap:12px;padding:16px 20px;border:1.5px solid transparent;border-radius:14px;background:var(--bg);font:inherit;font-size:17px;cursor:pointer;text-align:left}
.art-like svg{width:28px;height:28px;flex:0 0 28px}
.art-like .al-t{flex:1}
.art-like b{font-weight:600;color:var(--gray)}
.art-like--bad{color:#dd4646}.art-like--wow{color:#2f80ed}.art-like--good{color:#68904e}
.art-like:hover,.art-like.mine{border-color:currentColor;background:#fff}
.art-stats.liked .art-like{pointer-events:none}
@media (max-width:560px){.art-likes{grid-template-columns:minmax(0,1fr)}.art-rate{align-items:flex-start}.art-rate-h{font-size:20px}}

.vote-msg{flex-basis:100%;font-size:13px;color:var(--gray)}
.vote-msg:empty{display:none}

/* Обсуждение. */
.cmts{margin-top:34px}
.cmts h2{margin:0 0 14px}
.cmt-list,.cmt-ch{list-style:none;margin:0;padding:0}
.cmt{padding:14px 0;border-top:1px solid var(--border)}
.cmt-ch{margin-left:16px;padding-left:14px;border-left:2px solid var(--border)}
.cmt-ch .cmt{border-top:0;padding-bottom:4px}
.cmt-h{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-bottom:4px}
.cmt-h b{color:var(--dark)}
.cmt-h time{font-size:13px;color:var(--gray)}
.cmt-b{font-size:15px;line-height:1.6;color:var(--gray-2);overflow-wrap:anywhere}
.cmt-b p{margin:0 0 8px}
@media (min-width:700px){.cmt-ch{margin-left:28px}}
.cmt-reply{margin-top:2px;padding:0;border:0;background:none;font:inherit;font-size:13.5px;color:var(--gray-2);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cmt-reply:hover{color:var(--dark)}
.cmt-form{display:grid;gap:12px;margin-top:22px;padding:20px;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:#fff;scroll-margin-top:90px}
.cmt-form h3{margin:0;font-size:18px}
.cmt-f{display:grid;gap:5px;font-size:14px;color:var(--gray-2)}
.cmt-f input,.cmt-f textarea,.cmt-f select{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius);font:inherit;font-size:15px;color:var(--dark);background:#fff}
.cmt-f textarea{resize:vertical;min-height:110px}
.cmt-f input:focus,.cmt-f textarea:focus,.cmt-f select:focus{outline:none;border-color:var(--orange)}
.cmt-to{font-size:14px;color:var(--gray-2)}
.cmt-to button{padding:0;border:0;background:none;font:inherit;color:var(--gray);text-decoration:underline;cursor:pointer}
.cmt-foot{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.cmt-foot small{flex:1 1 220px;font-size:12.5px;line-height:1.45;color:var(--gray)}
.cmt-foot small a{color:inherit}
.cmt-sent{margin-top:22px;padding:18px 20px;border-radius:var(--radius-lg);background:var(--bg-soft)}
.cmt-sent b{display:block;color:var(--dark);margin-bottom:2px}

/* «4 шага» — блок порядка работ из статей прежнего сайта и страницы
   «Доставка и оплата». Карточка: фото с номером шага, заголовок, текст. */
.art-body .work-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 26px}
.art-body .work-stages__item{display:flex;flex-direction:column;border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:#fff}
.art-body .work-stages__picture{position:relative}
.art-body .work-stages__picture p{margin:0}
.art-body .work-stages__picture img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;margin:0;border-radius:0}
.art-body .work-stages__count{position:absolute;left:12px;top:12px;z-index:1;width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:800;font-size:16px}
.art-body .work-stages__title{padding:14px 16px 4px;font-weight:800;color:var(--dark);font-size:16px}
.art-body .work-stages__text{padding:0 16px 16px;font-size:14.5px;line-height:1.55;color:var(--gray-2)}
@media (max-width:1100px){.art-body .work-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.art-body .work-stages{grid-template-columns:minmax(0,1fr)}}
.art-body .contacts-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px;margin:8px 0 24px}
.art-body .contacts-wrap .contacts-page{margin:0}
@media (max-width:760px){.art-body .contacts-wrap{grid-template-columns:minmax(0,1fr)}}
.art-body .contacts-page{margin:8px 0 24px;padding:20px 22px;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:#fff}
.art-body .contacts-page .ci-row:last-child{margin-bottom:0}
.art-body .contacts-page a{color:inherit;text-decoration:none}

/* Страница «Производители»: все марки каталога плитками. */
.brand-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:8px 0 30px}
.brand-card{display:grid;gap:4px;padding:16px 18px;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:#fff;color:var(--dark);transition:border-color .15s}
.brand-card:hover{border-color:var(--orange)}
.brand-card b{font-size:16px;font-weight:800}
.brand-card span{font-size:13.5px;color:var(--gray)}
@media (max-width:1000px){.brand-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.brand-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-card{padding:12px 14px}}

/* ==========================================================================
   Блоки прежнего сайта в текстах статей и страниц (правки заказчика 21.10.2026).
   Конвертер перенёс их разметку с классами прежней темы, а стилей к ним
   не было: карточки, логотипы, команда и списки разваливались в столбик.
   Вид повторяет прежний сайт: карточки на сером фоне, оранжевые кнопки.
   ========================================================================== */

/* ссылки в тексте: на прежнем сайте — цветные с подчёркиванием */
/* только ссылки внутри текста: абзацы, списки, таблицы, цитаты. Карточки,
   имена в «Нашей команде», кнопки — блоки, у них своё оформление. */
.art-body :is(p,li,td,th,blockquote,figcaption,dd) > a:not(.btn):not(.a-btn):not(.btn-main):not(:has(> img)),
.art-body :is(p,li,td,th,blockquote,figcaption,dd) > :is(strong,b,em,span) > a{
  color:#c25e00;text-decoration:underline;text-decoration-color:rgba(194,94,0,.4);text-underline-offset:3px}
.art-body :is(p,li,td,th,blockquote,figcaption,dd) > a:not(.btn):not(.a-btn):not(.btn-main):hover,
.art-body :is(p,li,td,th,blockquote,figcaption,dd) > :is(strong,b,em,span) > a:hover{color:var(--orange-hot);text-decoration-color:currentColor}
.art-body .team-listing_name a{color:var(--dark);text-decoration:none}
.art-body .team-listing_name a:hover{color:var(--orange-hot)}

/* ряд колонок: логотипы марок, пары картинок */
.art-body .a-row{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin:18px 0}
.art-body .a-col{flex:1 1 140px;min-width:0;text-align:center}
.art-body .a-col p{margin:0}
.art-body .a-col img{max-width:100%;height:auto;margin:0 auto}

/* общая кнопка прежнего сайта «Заказать», «Узнать подробности» */
.art-body .btn-main,.art-body .info-wrapper__btn{display:block;width:100%;box-sizing:border-box;padding:13px 18px;border-radius:12px;
  background:var(--orange);color:#fff;font-weight:800;font-size:16px;text-align:center;text-decoration:none}
.art-body .btn-main:hover,.art-body .info-wrapper__btn:hover{background:var(--orange-hot);color:#fff}

/* «Рейтинг популярных септиков»: заголовок-плашка и карточки моделей */
/* Подборки прежнего сайта (рейтинги, «Цены на некоторые септики Гринлос») — в виде
   карточек каталога, а не зелёной плашкой с серыми плитками (заказчик, 26.10.2026). */
.art-body .table-catalog{margin:26px 0}
.art-body .table-catalog__header{background:none;color:var(--dark);font-weight:800;font-size:19px;line-height:1.3;text-align:left;padding:0;margin:0 0 14px}
.art-body .table-catalog__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.art-body .table-catalog__item{display:flex;flex-direction:column;align-items:stretch;text-align:left;background:#fff;
  border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:0 14px 14px;overflow:hidden;font-size:14px;color:var(--dark);
  transition:box-shadow .2s,transform .2s,border-color .2s}
.art-body .table-catalog__item:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:#d6dade}
.art-body .table-catalog__item > p,.art-body .table-catalog__item figure,.art-body .table-catalog__item figure p{margin:0;width:auto}
.art-body .table-catalog__item img{display:block;width:calc(100% + 28px);max-width:none;height:160px;object-fit:contain;background:#fff;
  border-radius:0;border-bottom:1px solid var(--border);padding:10px;margin:0 -14px 12px;box-sizing:border-box}
.art-body .table-catalog__item figcaption{display:none}
.art-body .table-catalog__item > p:last-child{margin-top:auto;padding-top:12px}
.art-body [class*="table-catalog__item-rating-"]{margin:4px 0 0;font-size:16px;letter-spacing:2px;line-height:1}
.art-body [class*="table-catalog__item-rating-"]::before{content:"★★★★★";background:linear-gradient(90deg,#f0b400 var(--r),#d9dcdf var(--r));-webkit-background-clip:text;background-clip:text;color:transparent}
.art-body .table-catalog__item-rating-1{--r:20%}.art-body .table-catalog__item-rating-2{--r:40%}.art-body .table-catalog__item-rating-3{--r:60%}
.art-body .table-catalog__item-rating-4{--r:80%}.art-body .table-catalog__item-rating-5{--r:100%}
.art-body .table-catalog__item-price{font-size:18px;font-weight:800;margin:8px 0 0}
.art-body .table-catalog__item-list ul{list-style:none;margin:8px 0 0;padding:0;font-size:13px;color:var(--gray-2);display:grid;gap:4px}
.art-body .table-catalog__item-list li{margin:0;padding:0;font-size:13px;line-height:1.35}
.art-body .table-catalog__item-list li::before{display:none}
.art-body .table-catalog .btn-main,.art-body .table-catalog .info-wrapper__btn{background:var(--cta);border-radius:10px;padding:11px 14px;font-size:14px}
.art-body .table-catalog .btn-main:hover{background:var(--cta-dark)}

/* наши карточки в тексте статьи — компактные, как в каталоге: типографика
   статьи (крупные пункты списка, отступы заголовков) на них не действует
   (заказчик, 26.10.2026) */
.art-body .a-goods{gap:14px;margin:18px 0 26px}
.art-body .a-goods .card-body{padding:14px}
.art-body .a-goods .card-brand{font-size:10.5px;margin-bottom:3px}
.art-body .a-goods .card-name{font-size:15px;line-height:1.3;margin:0 0 6px}
.art-body .a-goods .card-rev{margin:0 0 8px;font-size:12.5px}
.art-body .a-goods .card-specs{margin:0 0 12px;padding:0;gap:3px;font-size:12.5px}
.art-body .a-goods .card-specs li{margin:0;padding:0;font-size:12.5px;line-height:1.35}
.art-body .a-goods .card-specs li::before{display:none}
.art-body .a-goods .card-photo{height:170px}

/* «Гарантия 10 лет при договоре на обслуживание» */
.art-body .info-wrapper{background:var(--bg);border-radius:16px;padding:28px 32px;margin:26px 0}
.art-body .info-wrapper__caption{font-size:26px;line-height:1.25;font-weight:800;color:var(--dark);text-align:left!important;margin-bottom:14px}
.art-body .info-wrapper__title{color:var(--gray-2);margin-bottom:10px}
.art-body .info-wrapper__title-2{text-align:left!important;color:#e08a00!important;font-weight:800;margin:18px 0 12px}
.art-body .list_custom.check ul{margin:0;padding:0}
.art-body .list_custom.check li{position:relative;padding-left:32px;margin:0 0 8px;color:var(--gray-2)}
.art-body .list_custom.check li::before{content:"\2713";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;
  background:#6f8f52;color:#fff;font-size:13px;font-weight:800;line-height:22px;text-align:center}

/* «Преимущества работы с нами»: четыре колонки с иконками */
.art-body .advantagesArt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:20px 0 28px;text-align:center}
.art-body .advantagesArt__item p{margin:0}
.art-body .advantagesArt__item img{width:96px;height:96px;object-fit:contain;margin:0 auto 10px!important}
.art-body .advantagesArt__title{font-weight:800;color:var(--dark);margin-bottom:8px;line-height:1.3}
.art-body .advantagesArt__text{font-size:14.5px;line-height:1.55;color:var(--gray-2)}

/* «Наша команда»: карточки с круглым фото над рамкой */
.art-body .team-listing{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 28px}
.art-body .team-item{background:var(--bg);border-radius:22px;padding:0 16px 18px;margin-top:70px;text-align:center}
.art-body .team-listing_photo{width:140px;height:140px;margin:-70px auto 12px;border-radius:50%;overflow:hidden;border:5px solid #fff;background:#fff}
.art-body .team-listing_photo img{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0}
.art-body .team-listing_name{font-size:19px;font-weight:800;line-height:1.25}
.art-body .team-listing_name a{color:var(--dark)}
.art-body .team-item p{margin:6px 0 0}
.art-body .team-listing_position{display:block;font-style:normal;color:var(--gray);font-size:14.5px;padding-bottom:12px;border-bottom:1px solid #d9dcdf}
.art-body .team-listing_desc{text-align:left;font-size:14.5px;line-height:1.55;color:var(--dark);margin-top:12px}

/* карточки товаров в статьях (насосы, баки) */
.art-body .creazor_wc_products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.art-body .creazor_wc_single_product{display:flex;flex-direction:column;background:var(--bg);border-radius:16px;padding:10px 12px 12px}
.art-body .block_product_thumbnail img{display:block;width:100%;height:190px;object-fit:contain;background:#fff;border-radius:12px;margin:0 0 10px}
.art-body .creazor_wc_single_product .h3-style{font-weight:700;color:var(--dark);line-height:1.3;margin-bottom:6px}
.art-body .creazor_wc_single_product .text{display:flex;flex-direction:column;flex:1;font-size:14.5px;color:var(--gray-2)}
.art-body .creazor_wc_single_product .text p{margin:0 0 8px}
.art-body .creazor_wc_single_product .text p:last-child{margin-top:auto}
.art-body .creazor_wc_single_product .a-btn{display:block;width:100%;box-sizing:border-box;text-align:center;background:var(--cta);color:#fff;border:0}
.art-body .creazor_wc_single_product .a-btn:hover{background:var(--cta-dark)}
.art-body .a-rating-link{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:22px 0;padding:18px 20px;background:var(--bg);border:1px solid var(--border);border-radius:12px}

/* выделенный абзац «Внимание!» */
.art-body .block_with_left_border{background:var(--bg);border-left:4px solid #fe7011;border-radius:4px;padding:14px 18px;margin:18px 0}
.art-body .block_with_left_border p{margin:0 0 6px}
.art-body .block_with_left_border p:last-child{margin:0}

/* списки «плюсы / минусы», «преимущества / недостатки» */
.art-body .a-list ul,.art-body .a-list ol{list-style:none;margin:0 0 14px;padding:0}
.art-body .a-list li{position:relative;padding-left:32px;margin:0 0 9px}
.art-body .a-list li::before{position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;color:#fff;font-size:13px;font-weight:800;line-height:22px;text-align:center}
.art-body .a-list--qst li::before{content:"\2713";background:#6f8f52}
.art-body .a-list--excl li::before{content:"!";background:#fe7011}

/* таблица с оранжевой шапкой */
.art-body table.orange-header tr:first-child td{background:var(--orange);color:#fff;font-weight:700}

/* раскрывашки вопросов на страницах услуг */
.art-body .a-spoiler-b{padding:4px 0 10px;color:var(--gray-2)}

@media (max-width:900px){
  .art-body .advantagesArt,.art-body .team-listing{grid-template-columns:repeat(2,minmax(0,1fr))}
  .art-body .creazor_wc_products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .art-body .info-wrapper{padding:22px 20px}
  .art-body .info-wrapper__caption{font-size:21px}
}
@media (max-width:560px){
  .art-body .advantagesArt,.art-body .team-listing,.art-body .creazor_wc_products{grid-template-columns:minmax(0,1fr)}
  .art-body .table-catalog__content{grid-template-columns:repeat(2,minmax(0,1fr))}
  .art-body .a-col{flex-basis:40%}
}

/* форма «Остались вопросы?» в статьях — как на прежнем сайте */
.art-form{display:grid;gap:14px;background:var(--bg);border-radius:18px;padding:34px 40px;margin:28px 0}
.art-form-t{font-size:32px;line-height:1.15;font-weight:800;color:#e08a00}
.art-form-sub{margin:-4px 0 6px;color:var(--dark)}
.art-f{display:grid;gap:6px;font-size:14.5px;color:var(--gray-2)}
.art-f input,.art-f select{width:100%;box-sizing:border-box;padding:13px 16px;border:1.5px solid transparent;border-radius:12px;background:#fff;font:inherit;font-size:15.5px;color:var(--dark)}
.art-f input:focus,.art-f select:focus{outline:none;border-color:var(--orange)}
.art-radio{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:15px;color:var(--gray-2);padding:4px 0}
.art-radio label{display:flex;align-items:center;gap:8px;cursor:pointer}
.art-radio input{accent-color:var(--orange);width:18px;height:18px;margin:0}
.art-form .btn{margin-top:6px}
.art-form-legal{text-align:center;font-size:13px;color:var(--gray)}
.art-body .art-form-legal a{color:var(--gray);text-decoration:underline;text-decoration-color:rgba(0,0,0,.3)}
@media (max-width:560px){.art-form{padding:24px 18px}.art-form-t{font-size:26px}}

/* «Отзывы о септиках»: марки сеткой карточек */
.art-body .rev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:6px 0 26px}
.art-body a.rev-card{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--dark)}
.art-body a.rev-card:hover{border-color:var(--orange);color:var(--dark)}
.art-body .rev-img{display:block;background:var(--bg);padding:10px}
.art-body .rev-img img{display:block;width:100%;height:170px;object-fit:contain;margin:0}
.art-body .rev-t{padding:12px 14px 14px;font-weight:700;line-height:1.3}

/* Комментарии — как на прежнем сайте: аватар, имя, дата справа, оранжевое «Ответить» */
.cmt-h{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 14px;margin-bottom:8px}
.cmt-h b{font-size:17px;font-weight:600}
.cmt-h time{justify-self:end}
.cmt-ava{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:0 0 52px}
.cmt-ava--ini{display:grid;place-items:center;background:#eef1ea;color:#68904e;font-weight:800;font-size:17px}
.cmt-reply{display:inline-flex;align-items:center;gap:6px;color:#e08a00;text-decoration:none;font-size:15px}
.cmt-reply::before{content:"\21A9";font-size:18px;line-height:1}
.cmt-reply:hover{color:var(--orange-hot)}
.cmt{padding:18px 0}
.cmt-ch{margin-left:28px}
@media (max-width:560px){.cmt-ava{width:40px;height:40px}.cmt-h time{grid-column:2;justify-self:start}}

/* ==========================================================================
   Статья (правки владельца 23.10.2026): строка под заголовком, правая
   колонка с содержанием, формы в тексте по длине, низ — статьи раздела и обсуждение.
   ========================================================================== */
.art-head .bcat{display:inline-block;text-decoration:none}
.art-head .bcat:hover{color:var(--orange-hot)}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:13.5px;color:var(--gray);margin:0 0 24px}
.art-meta .am-i{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--gray)}
.art-meta .am-i svg{width:18px;height:18px;flex:0 0 18px;color:#68904e}
.art-meta a.am-i{text-decoration:none}
.art-meta a.am-i:hover{color:var(--dark)}
.art-meta .am-author{display:inline-flex;align-items:center;gap:9px;font-weight:700}
.art-meta .am-author img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.art-meta .am-author a{color:var(--dark);text-decoration:none}
.art-meta .am-author a:hover{color:#c25e00}

/* правая колонка: только содержание по разделам H2, видно 8 (main.js) */
.art-side{position:sticky;top:88px}
.art-side .toc{background:var(--bg);border-radius:var(--radius-lg);padding:20px 22px;margin:0}
.art-side .toc-t{font-weight:800;font-size:15px;margin-bottom:10px;color:var(--dark)}
.art-side .toc-l{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.art-side .toc-i--h3,.art-side .toc-i.cut{display:none}
.art-side .toc.open .toc-i.cut{display:list-item}
.art-side .toc-i a{display:block;padding:6px 10px;border-radius:8px;font-size:14.5px;line-height:1.4;color:var(--gray-2);text-decoration:none;
  border-left:3px solid transparent}
.art-side .toc-i a:hover{background:#fff;color:var(--dark)}
.art-side .toc-i a.on{background:#fff;color:var(--dark);font-weight:700;border-left-color:var(--orange)}
.toc-more{margin:8px 0 0 10px;padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:700;color:#c25e00;cursor:pointer;
  text-decoration:underline;text-decoration-color:rgba(194,94,0,.35);text-underline-offset:3px}
.toc-more:hover{color:var(--orange-hot)}
/* раскрытое длинное содержание не помещается — колонка перестаёт ехать */
.art-side:has(.toc.open){position:static}

/* содержание в тексте нужно только на телефоне: на ПК оно в колонке */
@media (min-width:901px){.art-body .toc{display:none}}
@media (max-width:900px){.art-side{display:none}}

/* подбор посреди длинной статьи (vsArticleBody) */
.art-body .art-podbor{display:flex;align-items:center;gap:18px 24px;margin:30px 0;padding:22px 26px;border-radius:var(--radius-lg);
  background:#222931;color:#fff}
.art-body .art-podbor-t{display:grid;gap:4px;flex:1}
.art-body .art-podbor b{font-size:19px;line-height:1.3}
.art-body .art-podbor span{font-size:14.5px;line-height:1.5;color:#c9ced4}
.art-body .art-podbor .btn{flex:0 0 auto;color:#fff;text-decoration:none}
@media (max-width:640px){.art-body .art-podbor{flex-direction:column;align-items:stretch;padding:20px}}

/* телефон: полоса «Содержание» под шапкой и шторка со списком (main.js) */
.secbar{position:fixed;left:0;right:0;top:calc(var(--tb-h,46px) + var(--hd-h,71px));z-index:98;background:#fff;
  border-bottom:1px solid var(--border);box-shadow:0 4px 12px rgba(34,41,49,.08)}
.secbar[hidden]{display:none}
.secbar button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 18px;border:0;background:none;
  font:inherit;font-size:14.5px;font-weight:700;color:var(--dark);cursor:pointer}
.secbar svg{width:20px;height:20px;color:#c25e00}
.secsheet{position:fixed;inset:0;z-index:180;background:rgba(20,25,30,.45);display:flex;align-items:flex-end}
.secsheet[hidden]{display:none}
.secsheet-card{width:100%;max-height:75vh;overflow:auto;background:#fff;border-radius:18px 18px 0 0;
  padding:18px 18px calc(18px + env(safe-area-inset-bottom))}
.secsheet-h{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:17px;margin-bottom:8px}
.secsheet-h button{width:36px;height:36px;border:0;border-radius:50%;background:var(--bg);font-size:22px;line-height:1;cursor:pointer}
.secsheet a{display:block;padding:11px 10px;border-radius:10px;font-size:15px;line-height:1.4;color:var(--gray-2);text-decoration:none}
.secsheet a.on{background:var(--bg);color:var(--dark);font-weight:700}

.art-more{margin-top:38px}
.art-more h2{margin:0 0 16px}
/* переход по содержанию: заголовок не прячется под закреплённой шапкой (и полосой на телефоне) */
.art-body h2,.art-body h3{scroll-margin-top:100px}
@media (max-width:900px){.art-body h2,.art-body h3{scroll-margin-top:calc(var(--tb-h,46px) + var(--hd-h,71px) + 60px)}}

/* «Автор статьи» в конце текста (vsArticleBody): одна подложка, фото и две строки */
.art-body .a-author{display:flex;width:fit-content;max-width:100%;box-sizing:border-box;align-items:center;gap:16px;margin:28px 0 8px;padding:16px 32px 16px 20px;border-radius:var(--radius-lg);background:var(--bg)}
.art-body .a-author img{width:64px;height:64px;flex:0 0 64px;margin:0;border-radius:50%;object-fit:cover;border:3px solid #fff}
.art-body .a-author div{display:grid;gap:2px;line-height:1.3}
.art-body .a-author span{font-size:13.5px;color:var(--gray)}
.art-body .a-author a,.art-body .a-author b{font-size:18px;font-weight:800;color:var(--dark);text-decoration:none}
.art-body .a-author a:hover{color:#c25e00}

/* «О сайте»: вступление слева, логотип справа (заказчик, 27.10.2026); страница шире колонки чтения */
.page-layout > article:has(.a-intro){max-width:none}
.art-body .a-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px 48px;align-items:center;margin:0 0 10px}
.art-body .a-intro-t > :last-child{margin-bottom:0}
.art-body .a-intro-img img{display:block;width:100%;height:auto;margin:0}
@media (max-width:860px){.art-body .a-intro{grid-template-columns:minmax(0,1fr)}.art-body .a-intro-img{max-width:240px}}