/* ============================================================
   mpkm-redesign-shell.css  —  TEST ONLY (test.mpkm.org)
   ГЛОБАЛЬНАЯ оболочка: full-width + шапка + подвал. CSS-only.
   Грузится на ВСЕХ страницах (последним среди общих).
   Override против РЕАЛЬНЫХ классов DIAFAN (не generic mockup).
   Меню/поиск/корзина/мегаменю (DIAFAN inserts) — разметку не трогаем.
   ============================================================ */

:root{
  --ink:#15161a; --ink2:#5b5e66; --mut:#9b9ea5; --mut2:#6e7178; /* --mut2 = текст-на-белом, 4.89:1 (a11y) */
  --line:#ecebe7; --wash:#f7f5f1; --bg:#fff;
  --brand:#fecc2f; --brand-d:#f0bd16; --brand-ink:#2e2e2e; --ok:#1f9d57;
  --maxw:1680px; --pad:48px;
}

/* ---------- FULL-WIDTH: расширяем фикс. колонку 1220px → 1680 ----------
   width:100% (не auto!) — иначе display:table-строки шапки/меню сжимаются в контент. */
[class*="__center"]{width:100%!important;max-width:var(--maxw)!important;padding-left:var(--pad)!important;padding-right:var(--pad)!important;box-sizing:border-box}
/* поиск в шапке забирает свободное место (table-cell) */
.header-mid__center .search.header__cell{width:auto!important}

/* ---------- ШАПКА ---------- */
.header_full,.header-mid{background:var(--bg)}
/* верхняя утилитарная строка — светлая */
.header-top{background:var(--wash);border-bottom:1px solid var(--line)}
.header-top a{color:var(--ink2);transition:color .15s}
.header-top a:hover{color:var(--ink)}
/* кнопка «Каталог товаров» — бренд-пилюля */
.h-catalog__btn{background:var(--brand)!important;color:var(--brand-ink)!important;border:0!important;border-radius:13px!important;font-weight:700;transition:background .18s}
.h-catalog__btn:hover{background:var(--brand-d)!important}
/* поиск — крупный, скруглённый, бренд-фокус */
.search .search__form,.search form.search_form{border:1.5px solid var(--line);border-radius:13px;overflow:hidden;transition:border-color .18s,box-shadow .18s}
.search .search__form:focus-within,.search form.search_form:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px rgba(254, 204, 47,.26)}
.search input[type=text]{border:0!important;background:transparent}
.search .btn,.search button[type=submit]{background:var(--brand)!important;color:var(--brand-ink)!important;border:0!important;border-radius:0!important}
.search .btn:hover,.search button[type=submit]:hover{background:var(--brand-d)!important}
/* телефон / почта */
.tel__num a{font-weight:700;color:var(--ink)}
.tel__email{color:var(--ink2)}
.tel__email:hover{color:var(--ink)}
/* нижняя строка навигации: вместо сплошной жёлтой полосы — светлая с бренд-hover */
.header-bottom{background:var(--bg)!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.header-bottom .menu2>li>a{color:var(--ink)!important;font-weight:600;transition:color .15s}
.header-bottom .menu2>li>a:hover{color:var(--brand-d)!important}
.header-bottom .menu2>li.active>a{color:var(--brand-d)!important}
/* иконки корзины/сравнения — нейтральные */
.h-cart .header__cell,.h-compare{color:var(--ink)}

/* ---------- ПОДВАЛ (P2) = эталон .foot ----------
   Тёмный #15161a, 4 колонки (лого+описание | Каталог | Компания | Контакты) + .geo внизу.
   Разметка из themes/blocks/footer.php. Глобально (подвал общий для всех страниц). */
.foot{background:#15161a;color:#a7aab0;padding:64px 0 32px;margin-top:0!important;width:100%}
.foot__center{max-width:var(--maxw);width:100%;margin:0 auto;padding:0 var(--pad);box-sizing:border-box}
.foot a{color:#cdd0d6;transition:color .15s;text-decoration:none}
.foot a:hover{color:#fff}
.foot .top{display:grid;grid-template-columns:1.7fr 1fr 1.15fr 1fr 1.3fr;gap:32px;align-items:start} /* P5 U2: 5 колонок (лого + Каталог/Проектировщикам/Компания/Контакты) */
.foot .logo{display:inline-flex;align-items:center;gap:11px;margin-bottom:18px}
.foot .logo .mk{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--brand);color:#2e2e2e;font-weight:800;font-size:22px;flex:none}
.foot .logo .tx{display:flex;flex-direction:column;line-height:1.05;color:#fff;font-weight:800;font-size:19px;letter-spacing:.5px}
.foot .logo .tx small{font-weight:500;font-size:11px;letter-spacing:.02em;color:#9b9ea5;margin-top:3px;text-transform:none}
.foot .ab{font-size:15px;line-height:1.6;max-width:300px;color:#a7aab0;margin:0}
.foot h4{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.6px;margin:0 0 16px;font-weight:700}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin:10px 0;font-size:15px}
.foot li a{display:inline-block;padding:3px 0} /* a11y touch: ссылка-цель ≥24px (было 17px) */
.foot li a:hover{color:#fff}
.foot .tel2 b{color:#fff;font-size:23px;font-weight:800;display:block}
.foot .tel2 b a{color:#fff}
.foot .tel2 .mail{display:inline-block;margin-top:6px;font-size:15px;color:var(--brand)}
.foot .tel2 .mail:hover{color:#fff}
.foot .tel2 p{margin-top:12px;font-size:13px;line-height:1.6;color:#a7aab0}
.foot .tel2 .links{margin-top:12px;font-size:13px;color:#989ba2} /* a11y: #74767c 3.98:1 → #989ba2 6.5:1 */
.foot .tel2 .links a{color:#cdd0d6}
.foot .tel2 .links a:hover{color:#fff}
.foot .geo{border-top:1px solid #2a2b30;margin-top:44px;padding-top:22px;font-size:13px;color:#989ba2;line-height:1.7} /* a11y: #989ba2 ≥4.6:1 на #15161a */
.foot a:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}
@media(max-width:1100px){.foot .top{grid-template-columns:1fr 1fr;gap:32px 24px}.foot .logo-col{grid-column:1 / -1}}
@media(max-width:640px){.foot{padding:48px 0 28px}.foot .top{grid-template-columns:1fr;gap:28px}.foot .ab{max-width:none}}

/* Подвал ЗАПОДЛИЦО — секция-колбэк (.request-section) перед подвалом без хвостового margin */
.request-section{margin-bottom:0!important}
#wrapper>section.section:last-of-type{margin-bottom:0!important}

/* ---------- Item 3: АРТИКУЛ в карточке товара (pr-block) ----------
   Мелкий --mut под названием, как в каталог-эталоне. Применяется на главной
   (Популярные), в категории, на бренд-странице и в поиске (общий шаблон rows). */
.pr-block__art{
  font-size:13px;line-height:1.2;color:var(--mut2);/* a11y: было --mut 2.68:1 на белом → --mut2 4.89:1 */
  margin:3px 0 0;font-weight:500;letter-spacing:.01em}
/* Item 6: бейджи Хит/Новинка на фото карточки (главная Популярные + категория) */
.pr-block__pic{position:relative}
.pr-block__badges{position:absolute;top:10px;left:10px;z-index:3;display:flex;flex-direction:column;gap:6px;align-items:flex-start;pointer-events:none}
.pr-block__badge{font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:5px 10px;border-radius:999px;line-height:1;box-shadow:0 2px 8px rgba(21,22,26,.16)}
.pr-block__badge--hit{background:var(--ink);color:#fff}
.pr-block__badge--new{background:var(--brand);color:var(--brand-ink)}

/* ---------- P5/killcss: КАНОН-ховер карточки товара (site-wide) ----------
   Legacy жёлтое кольцо удалено в ИСТОЧНИКЕ (main.css) — здесь только эталонный ховер карточки:
   тонкая бренд-рамка + мягкая тень + подъём (товары на категории/поиске/бренд-стр./похожих).
   Главная (.v .hits-section .pr-block__item) и слой категории задают свой ховер сами. */

/* ---------- P10: CTA «обратный звонок» = эталон .cb (БЕЛЫЙ фон, заголовок слева / форма справа) ----------
   Глобально (CTA template="request" на ~15 страницах). Разметка из feedback.view.form_request.php
   (.cb__row/__l/__form/__field/__ico/__input/__btn). Форма/обработчик/antispam/captcha сохранены. */
.request-section.cb{background:#fff!important;background-image:none!important}
.cb__row{display:flex;align-items:center;justify-content:space-between;gap:56px;flex-wrap:wrap}
.cb__l{min-width:0;text-align:left}
.request-section.cb .request-section__title,.cb__title{font-weight:800;font-size:clamp(28px,3vw,40px);letter-spacing:-1.3px;line-height:1.04;color:var(--ink);margin:0;text-align:left}
.cb__sub{font-size:17px;color:var(--ink2);margin:16px 0 0;max-width:380px;line-height:1.5;text-align:left}
.cb__form{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0;width:auto}
.cb__field{position:relative;display:flex;align-items:center}
.cb__ico{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:23px;height:23px;color:var(--mut);pointer-events:none}
.cb__input{height:68px;border:1.5px solid var(--line)!important;border-radius:13px!important;background:#fff!important;padding:0 18px 0 54px!important;font-size:22px!important;font-weight:600;min-width:300px;color:var(--ink)}
.cb__input::placeholder{color:var(--mut);font-weight:500}
.cb__input:focus{outline:0;border-color:var(--brand)!important;box-shadow:0 0 0 4px rgba(254, 204, 47,.24)}
.cb__btn{height:68px;padding:0 38px;border:0!important;border-radius:13px!important;background:var(--brand)!important;color:var(--brand-ink)!important;font-weight:700;font-size:17px!important;cursor:pointer;width:auto!important;line-height:68px;transition:background .18s}
.cb__btn:hover{background:var(--brand-d)!important}
.cb__form .errors{flex-basis:100%;width:100%;color:#c0392b;font-size:13px;margin:2px 0 0}
.request-section.cb .privacy_field{margin-top:14px;font-size:13px;color:var(--mut2)} /* REDO #6: было --mut #9b9ea5 (2.68:1, «еле видимый» на белом) → --mut2 #6e7178 (4.89:1) */
.request-section.cb .privacy_field a{color:var(--ink2);text-decoration:underline}
.cb__btn:focus-visible,.cb__input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media(max-width:900px){.cb__row{flex-direction:column;align-items:stretch;gap:24px}.cb__form{width:100%}.cb__field{flex:1 1 auto}.cb__input{min-width:0;width:100%;flex:1}.cb__sub{max-width:none}}

/* ---------- кнопка наверх ---------- */
.btn_ontop{background:var(--ink);color:#fff;border-radius:13px}

/* ---------- адаптив паддингов ---------- */
@media(max-width:1280px){:root{--pad:36px}}
@media(max-width:768px){:root{--pad:20px}}


/* ===== P5 U2: мобильный футер — тапы ≥44px (стек колонок уже канон: ≤1100 2-кол, ≤640 1-кол) ===== */
@media(max-width:640px){
.foot li{margin:2px 0}
.foot li a{display:flex;align-items:center;min-height:44px;padding:0}
.foot .tel2 b a,.foot .tel2 .mail,.foot .tel2 .links a{display:inline-flex;align-items:center;min-height:44px}
}

/* ===== D25 U4: колонки футера = разделы НАТИВНОГО меню id=3 (display:contents → root-li ложатся в grid .top; вид = прежний канон h4/ссылок) ===== */
.foot .top > .foot-menu{display:contents;list-style:none;margin:0;padding:0}
.foot .top > .foot-menu > li{list-style:none;margin:0;padding:0}
.foot .top > .foot-menu > li > a{display:block;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.6px;margin:0 0 16px;font-weight:700;text-decoration:none;padding:0}
.foot .top > .foot-menu > li > a:hover{color:#fff}
.foot .foot-menu__sub{list-style:none;margin:0;padding:0}
.foot .foot-menu__sub li{margin:10px 0;font-size:15px;list-style:none}
.foot .foot-menu__sub li a{display:inline-block;padding:3px 0}