/* =========================================================================
 * Rubric (single product) redesign — в духе лендинга modular-solutions.
 * Всё под .mr-rubric, чтобы не задеть остальной сайт. Реализация июнь №6.
 * ========================================================================= */
.mr-rubric{
  --blue:#0b7fc3; --blue-hover:#066fac; --blue-light:#dff0fb; --blue-soft:#f0f7fc;
  --deep:#052f50; --cyan:#17a8d8;
  --cta:#FF0038; --cta-dark:#d60031; --yellow:#f5d000;
  --text:#1d2430; --heading:#151a21; --muted:#687482; --muted-2:#8b97a5;
  --line:#dce8f2; --line-soft:#edf3f7; --soft:#f5f9fc; --card:#fff;
  --radius:24px; --radius-md:14px; --radius-sm:8px;
  --shadow:0 18px 45px rgba(20,45,70,.12);
  --shadow-soft:0 10px 28px rgba(5,47,80,.07);
  --gap:24px;
  color:var(--text);
  font-family:"Roboto", Helvetica, Arial, sans-serif;
}
.mr-rubric *{box-sizing:border-box}
.mr-rubric .mr-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.mr-rubric h1,.mr-rubric h2,.mr-rubric h3{color:var(--heading);letter-spacing:normal;margin:0;font-weight:700;line-height:1.14}
.mr-rubric a{color:var(--blue);text-decoration:none}
.mr-rubric img{max-width:100%}
.mr-rubric .mr-eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.mr-rubric .mr-muted{color:var(--muted)}
.mr-rubric .mr-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}

/* sections rhythm */
.mr-rubric .mr-section{padding:40px 0}
.mr-rubric .mr-section--tight{padding:0 0 40px}
.mr-rubric .mr-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.mr-rubric .mr-head h2{font-size:1.6rem;text-transform:uppercase;letter-spacing:.04em}
.mr-rubric .mr-head p{margin:6px 0 0;color:var(--muted)}

/* page head */
.mr-rubric .mr-pagehead{padding:18px 0 4px}
.mr-rubric .mr-pagehead h1{font-size:2rem;line-height:1.14;margin-top:6px}

/* buttons */
.mr-rubric .mr-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;
  border-radius:999px;padding:13px 24px;font-size:.94rem;border:2px solid transparent;cursor:pointer;line-height:1;
  transition:transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease;text-align:center}
.mr-rubric .mr-btn:hover{transform:translateY(-1px)}
.mr-rubric .mr-btn-cta{background:var(--cta);color:#fff}
.mr-rubric .mr-btn-cta:hover{background:var(--cta-dark);color:#fff}
.mr-rubric .mr-btn-outline{background:#fff;color:var(--blue);border-color:var(--blue)}
.mr-rubric .mr-btn-outline:hover{background:var(--blue);color:#fff}
.mr-rubric .mr-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}

/* hero */
.mr-rubric .mr-product{display:flex;flex-direction:column;gap:var(--gap)}
.mr-rubric .mr-product .mr-info{order:1}
.mr-rubric .mr-product .mr-gallery{order:2}
.mr-rubric .mr-content,.mr-rubric .mr-layout > *{min-width:0}
.mr-rubric .custom-fancybox-gallery,.mr-rubric .cfg-main,.mr-rubric .cfg-thumbs-wrap{max-width:100%}
.mr-rubric .mr-gallery img,.mr-rubric .cfg-main-image{max-width:100%;height:auto;display:block}
.mr-rubric .cfg-main-image{width:100%;object-fit:cover}
.mr-rubric .mr-gallery{padding:14px}
.mr-rubric .mr-info{padding:26px}
.mr-rubric .mr-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.mr-rubric .mr-badge{display:inline-flex;align-items:center;gap:6px;background:var(--blue-soft);color:var(--deep);
  border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:700}
.mr-rubric .mr-badge--accent{background:#fff0f3;border-color:#ffd0da;color:var(--cta-dark)}
.mr-rubric .mr-info h1{font-size:1.5rem;line-height:1.2;margin-bottom:6px}
.mr-rubric .mr-price{display:flex;align-items:baseline;gap:10px;margin:18px 0 2px;flex-wrap:wrap}
.mr-rubric .mr-price .mr-big{font-size:2rem;font-weight:800;color:var(--heading);letter-spacing:-.02em}
.mr-rubric .mr-price .mr-unit{color:var(--muted);font-weight:600}
.mr-rubric .mr-price-sub{color:var(--muted);font-size:.95rem}
.mr-rubric .mr-price-sub b{color:var(--heading)}
.mr-rubric .mr-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.mr-rubric .mr-rating-inline{margin-top:16px}
.mr-rubric .mr-assure{display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line-soft)}
.mr-rubric .mr-assure div{display:flex;align-items:center;gap:10px;font-size:.92rem}
.mr-rubric .mr-tick{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--blue-light);
  display:inline-flex;align-items:center;justify-content:center;color:var(--blue);font-weight:800;font-size:.8rem}

/* quick facts */
.mr-rubric .mr-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--gap);margin-top:var(--gap)}
.mr-rubric .mr-fact{padding:20px}
.mr-rubric .mr-fact .mr-n{font-size:1.4rem;font-weight:800;color:var(--blue);letter-spacing:-.02em}
.mr-rubric .mr-fact .mr-l{color:var(--muted);font-size:.88rem;margin-top:2px}

/* description / content card */
.mr-rubric .mr-desc{padding:0;background:transparent;border:0;box-shadow:none}
.mr-rubric .mr-desc{font-size:1.02rem;color:var(--text)}
.mr-rubric .mr-desc > *:first-child{margin-top:0}
.mr-rubric .mr-desc p{line-height:1.78;margin:0 0 1.15em}
.mr-rubric .mr-desc h2{font-size:1.55rem;font-weight:700;line-height:1.2;margin:1.9em 0 .55em;color:var(--heading)}
.mr-rubric .mr-desc h3{font-size:1.26rem;font-weight:700;line-height:1.24;margin:1.6em 0 .5em;color:var(--heading)}
.mr-rubric .mr-desc h4{font-size:1.08rem;font-weight:700;margin:1.4em 0 .45em;color:var(--heading)}
.mr-rubric .mr-desc h2:first-child,.mr-rubric .mr-desc h3:first-child,.mr-rubric .mr-desc h4:first-child{margin-top:0}
.mr-rubric .mr-desc strong,.mr-rubric .mr-desc b{font-weight:700;color:var(--heading)}
.mr-rubric .mr-desc a{color:var(--blue);text-decoration:underline}
/* выравнивание блока описания по сетке контента: гасим отрицательные отступы
   bootstrap-обёрток, которые встречаются внутри the_content / [wx1_catalog] */
.mr-rubric .mr-desc .row{margin-left:0;margin-right:0}
.mr-rubric .mr-desc [class*="col-"]{padding-left:0;padding-right:0}
.mr-rubric .mr-desc .container,.mr-rubric .mr-desc .container-fluid{max-width:100%;padding-left:0;padding-right:0;margin-left:0;margin-right:0}
.mr-rubric .mr-head{margin-left:0}
.mr-rubric .mr-head h2,.mr-rubric .mr-head h3{margin-left:0;text-indent:0}
/* маркированные списки */
.mr-rubric .mr-desc ul{list-style:none;padding:0;margin:0 0 1.2em}
.mr-rubric .mr-desc ul li{position:relative;padding-left:30px;margin-bottom:.6em;line-height:1.7}
.mr-rubric .mr-desc ul li::before{content:"";position:absolute;left:4px;top:.5em;width:12px;height:12px;border-radius:50%;background:var(--blue-light);box-shadow:inset 0 0 0 2px var(--blue)}
/* нумерованные списки */
.mr-rubric .mr-desc ol{list-style:none;counter-reset:mr-li;padding:0;margin:0 0 1.2em}
.mr-rubric .mr-desc ol li{position:relative;counter-increment:mr-li;padding-left:44px;margin-bottom:.7em;line-height:1.7;min-height:30px;display:flex;flex-direction:column;justify-content:center}
.mr-rubric .mr-desc ol li::before{content:counter(mr-li);position:absolute;left:0;top:.05em;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}
/* убираем локальный горизонтальный скролл у блоков описания: таблица вписывается в колонку */
.mr-rubric .mr-desc .table_content{overflow-x:visible}
.mr-rubric .mr-desc table{max-width:100%;table-layout:fixed}
.mr-rubric .mr-desc th,.mr-rubric .mr-desc td{word-break:break-word;overflow-wrap:anywhere}
.mr-rubric .mr-desc .table_content table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid var(--line);
  border-radius:var(--radius-md);overflow:hidden;font-size:.95rem;margin:8px 0 18px;box-shadow:var(--shadow-soft)}
.mr-rubric .mr-desc .table_content table th{background:var(--blue);color:#fff;text-align:left;padding:13px 16px;font-weight:700;border:0}
.mr-rubric .mr-desc .table_content table td{padding:12px 16px;border:0;border-top:1px solid var(--line-soft);vertical-align:top}
.mr-rubric .mr-desc .table_content table tr:nth-child(even) td{background:var(--soft)}
.mr-rubric .mr-desc .table_content table tr:first-child td{border-top:0}
.mr-rubric .mr-desc .table_content table td:first-child{font-weight:600;color:var(--heading)}
.mr-rubric .mr-desc blockquote.blockquote{margin:18px 0 0;padding:18px 22px;background:var(--blue-soft);
  border-left:4px solid var(--blue);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text)}

/* card grid (products / works) */
.mr-rubric .mr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.mr-rubric .mr-pcard{overflow:hidden;display:flex;flex-direction:column;transition:transform .16s ease, box-shadow .16s ease}
.mr-rubric .mr-pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.mr-rubric .mr-pcard .mr-pimg{aspect-ratio:4/3;overflow:hidden;background:var(--blue-soft)}
.mr-rubric .mr-pcard .mr-pimg img{width:100%;height:100%;object-fit:cover;display:block}
.mr-rubric .mr-pcard .mr-pbody{padding:18px;display:flex;flex-direction:column;gap:6px;flex:1}
.mr-rubric .mr-pcard .mr-ptitle{font-weight:700;color:var(--heading);font-size:1rem;line-height:1.25}
.mr-rubric .mr-pcard .mr-pmeta{color:var(--muted);font-size:.85rem}
.mr-rubric .mr-pcard .mr-pprice{margin-top:auto;font-weight:800;color:var(--blue);font-size:1.02rem;padding-top:4px}

/* new similar block highlight (только в админ-предпросмотре можно подсветить; на фронте нейтрально) */
.mr-rubric .mr-cat-pill{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);
  border-radius:999px;padding:7px 14px;font-size:.84rem;font-weight:700;color:var(--heading);box-shadow:var(--shadow-soft)}
.mr-rubric .mr-cat-pill .mr-dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}

/* details box (цена/доставка/видео/отделка) */
.mr-rubric .mr-details{padding:0;background:transparent;border:0;box-shadow:none}
.mr-rubric .mr-details .header3{font-size:1.2rem;color:var(--heading);margin-bottom:10px}
.mr-rubric .mr-details .header4,.mr-rubric .mr-details .h4{display:block;font-weight:700;color:var(--heading);margin:18px 0 8px}
.mr-rubric .mr-details ul{margin:0 0 8px;padding-left:18px}
.mr-rubric .mr-details video{max-width:100%;height:auto;border-radius:var(--radius-md);margin-top:6px}

/* reviews / certs tabs reskin */
/* Отзывы и сертификаты — единая горизонтальная лента */
.mr-rubric .rc-feed__nav-btns{display:flex;gap:8px}
.mr-rubric .rc-feed__nav-btns button{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);
  background:#fff;color:var(--blue);font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background .15s ease,color .15s ease,border-color .15s ease}
.mr-rubric .rc-feed__nav-btns button:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.mr-rubric .rc-feed{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:4px 2px 14px;margin-top:2px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.mr-rubric .rc-feed::-webkit-scrollbar{height:8px}
.mr-rubric .rc-feed::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}
.mr-rubric .rc-feed__card{flex:0 0 232px;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px}
.mr-rubric .rc-feed__media{position:relative;display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;
  background:var(--soft);aspect-ratio:3/4;box-shadow:var(--shadow-soft)}
.mr-rubric .rc-feed__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.mr-rubric .rc-feed__media:hover img{transform:scale(1.04)}
.mr-rubric .rc-feed__badge{position:absolute;top:10px;left:10px;font-size:.66rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;padding:5px 11px;border-radius:999px;color:#fff;box-shadow:0 4px 12px rgba(5,47,80,.22)}
.mr-rubric .rc-feed__badge--review{background:var(--blue)}
.mr-rubric .rc-feed__badge--cert{background:#1f9d6b}
.mr-rubric .rc-feed__caption{font-size:.86rem;line-height:1.4;color:var(--muted)}
@media (max-width:560px){.mr-rubric .rc-feed__card{flex-basis:188px}}

/* faq */
.mr-rubric .faq-section{margin-top:var(--gap)}

/* request band */
.mr-rubric .mr-request{background:linear-gradient(135deg,var(--deep),#0a4f80);color:#eaf4fc;border-radius:var(--radius);
  padding:40px;display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:stretch;box-shadow:var(--shadow)}
.mr-rubric .mr-request__text{align-self:center;min-width:0}
.mr-rubric .mr-request h2{color:#fff;font-size:1.6rem;line-height:1.18}
.mr-rubric .mr-request p{color:#bcd6ec;margin:12px 0 0}
.mr-rubric .mr-request .mr-btn{margin-top:18px}
.mr-rubric .mr-request__media{min-width:0;border-radius:16px;overflow:hidden;min-height:200px}
.mr-rubric .mr-request__media img{width:100%;height:100%;object-fit:cover;display:block}
.mr-rubric .mr-request__placeholder{width:100%;height:100%;min-height:200px}
.mr-rubric .mr-request__placeholder svg{width:100%;height:100%;display:block}

/* heading band (модернизированная шапка) */
.mr-rubric .mr-band{background:linear-gradient(115deg,var(--blue-soft) 0%,#ffffff 72%);border-bottom:1px solid var(--line)}
.mr-rubric .mr-band__inner{padding:30px 20px;text-align:left}
.mr-rubric .mr-band__h1{font-size:2.1rem;line-height:1.12;text-transform:uppercase;letter-spacing:.02em;margin:12px 0 0;color:var(--heading)}
.mr-rubric .mr-crumbs{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;justify-content:flex-start;align-items:center;
  padding:0;margin:0;text-align:left;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}
.mr-rubric .mr-crumbs a{color:var(--muted)}
.mr-rubric .mr-crumbs a:hover{color:var(--blue)}

/* layout: sidebar + content */
.mr-rubric .mr-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:34px;align-items:start;padding-top:8px}
.mr-rubric .mr-sidebar{position:sticky;top:18px;font-size:.95rem}
.mr-rubric .mr-sidebar > *{margin-bottom:18px}

/* info title (был H1, теперь div — чтобы H1 на странице один, в баннере) */
.mr-rubric .mr-info-title{font-size:1.35rem;line-height:1.22;font-weight:700;color:var(--heading);letter-spacing:normal;margin-bottom:4px}

@media (max-width:1100px){
  .mr-rubric .mr-product{grid-template-columns:1fr}
}
@media (max-width:991px){
  .mr-rubric .mr-layout{grid-template-columns:1fr}
  .mr-rubric .mr-sidebar{display:none}
}
@media (max-width:920px){
  .mr-rubric .mr-product{grid-template-columns:1fr}
  .mr-rubric .mr-band__inner{padding:24px 20px}
  .mr-rubric .mr-band__h1{font-size:1.55rem}
  .mr-rubric .mr-crumbs{justify-content:flex-start;text-align:left}
  .mr-rubric .mr-grid{grid-template-columns:repeat(2,1fr)}
  .mr-rubric .mr-request{grid-template-columns:1fr;padding:28px}
  .mr-rubric .mr-request__media{min-height:160px}
  .mr-rubric .mr-pagehead h1{font-size:1.6rem}
}
@media (max-width:560px){
  .mr-rubric .mr-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .mr-rubric *{transition:none !important}
}

/* вторичные кнопки-якоря в геро (Отзывы контрагентов / Наши сертификаты) */
.mr-rubric .mr-cta-row--links{margin-top:12px}
.mr-rubric .mr-btn-ghost{padding:9px 16px;font-size:.9rem;font-weight:600;border-radius:999px;background:var(--soft);color:var(--blue);border:1px solid var(--line)}
.mr-rubric .mr-btn-ghost:hover{background:#eaf4fc;border-color:var(--blue);color:var(--blue)}
/* отступ под липкую шапку при переходе по якорю */
.mr-rubric .mr-rc-section{scroll-margin-top:130px}

/* мобильные: плашки фактов в одну колонку (на всю ширину) */
@media (max-width:640px){
  .mr-rubric .mr-facts{grid-template-columns:1fr}
}

/* Плашка-ссылка «смотреть все» в шапке раздела + контейнер действий в лентах отзывов/сертификатов */
.mr-cat-pill--link{cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;text-decoration:none}
.mr-cat-pill--link:hover{background-color:#1a86c7;border-color:#1a86c7;color:#fff}
.mr-cat-pill--link:hover .mr-dot{background:#fff}
.mr-rc-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
@media (max-width:640px){
  .mr-rubric .mr-head{flex-wrap:wrap;gap:10px}
  .mr-cat-pill--link{font-size:12px}
}