/* exec20 (v3), блок А: архивные товары («Подбор замены»).
   Файл подключается только при флаге archive_v3 или предпросмотре администратора (?mpkm_v3=1);
   все правила — под html.mpkm-v3 и в классах компонентов режимов, глобальные селекторы не меняются.
   Ориентиры: основной текст 16 px, вспомогательный от 14 px, зоны нажатия от 44 px. */

/* плашка предпросмотра (только администратору) */
.mpkm-v3-preview-badge{position:fixed;left:12px;top:12px;z-index:2147483600;max-width:calc(100vw - 24px);box-sizing:border-box;padding:8px 12px;border-radius:10px;background:#15161a;color:#fff;font-size:14px;line-height:1.35;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.mpkm-v3-preview-badge a{color:#fecc2f;text-decoration:underline}

/* ---------- карточка ---------- */
html.mpkm-v3 .mpkm-supply-actions__line{font-size:15px;line-height:1.45;margin:6px 0 12px;color:var(--ink2,#5b5e66)}
/* сетка обычной карточки: ячейки .product__block — table-cell (изображение 380, правый блок 380). При коротком
   описании безымянная таблица сжималась по содержимому и не дотягивалась до правого края — правый блок стоял левее,
   чем у обычного товара. Здесь блок сам становится таблицей на всю ширину: боковые колонки держат свои 380 px,
   средняя занимает остаток. Только там, где колонок три (от 1221 px); высот, отрицательных отступов и растяжения нет. */
@media (min-width:1221px){
  html.mpkm-v3 section.product .product__block.mpkm-v3-arch{display:table;width:100%}
}
html.mpkm-v3 .mpkm-supply-actions__pick,
html.mpkm-v3 .mpkm-supply-actions__compare{white-space:normal;min-height:44px;height:auto;line-height:1.3;box-sizing:border-box}
html.mpkm-v3 .mpkm-v3-compare-hint{margin:8px 0 0;font-size:14px;line-height:1.4;color:var(--ink2,#5b5e66)}
html.mpkm-v3 .mpkm-v3-about{margin:14px 0 0;border:1px solid var(--line,#ecebe7);border-radius:10px;background:#fff}
html.mpkm-v3 .mpkm-v3-about__summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:10px 14px;font-size:15px;font-weight:600;color:var(--ink,#15161a);list-style:revert}
html.mpkm-v3 .mpkm-v3-about__summary:focus-visible{outline:2px solid #15161a;outline-offset:2px}
html.mpkm-v3 .mpkm-v3-about__text{margin:0;padding:0 14px 12px;font-size:14px;line-height:1.5;color:var(--ink2,#5b5e66)}
/* бренд без логотипа: «Бренд: название» и две ссылки одной рамкой — без плитки на месте логотипа и вложенных рамок */
html.mpkm-v3 .mpkm-v3-brandline{box-sizing:border-box;padding:10px 14px;border:1px solid var(--line,#ecebe7);border-radius:10px;background:#fff;font-size:15px;line-height:1.4;color:var(--ink,#15161a)}
html.mpkm-v3 .mpkm-v3-brandline__name{font-weight:600}
html.mpkm-v3 .mpkm-v3-brandline__label{font-weight:400;color:var(--ink2,#5b5e66)}
html.mpkm-v3 .mpkm-v3-brandline__links{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;margin-top:2px;font-size:14px}
html.mpkm-v3 #wrapper .mpkm-v3-brandline__link{display:inline-flex;align-items:center;min-height:32px;font-weight:600;color:var(--ink,#15161a);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
html.mpkm-v3 #wrapper .mpkm-v3-brandline__link:hover{text-decoration-color:var(--brand,#fecc2f)}
html.mpkm-v3 #wrapper .mpkm-v3-brandline__link:focus-visible{outline:2px solid #15161a;outline-offset:2px}
html.mpkm-v3 .mpkm-v3-brandline__sep{color:var(--mut2,#6e7178)}
/* уже 1360 px средняя колонка тесна для двух ссылок в одну строку: они переносятся, точка между ними не выводится */
@media (max-width:1359px){
  html.mpkm-v3 .mpkm-v3-brandline__links{gap:0 18px}
  html.mpkm-v3 .mpkm-v3-brandline__sep{display:none}
}
@media (max-width:767px){
  /* на телефоне порядок полей задают order в mpkm-pdp-mobile-first.css: плитки → «Все характеристики» → «О карточке и подборе» → бренд */
  html.mpkm-v3 section.product .product__fields > .mpkm-v3-about{order:3}
  html.mpkm-v3 section.product .product__fields > .mpkm-v3-brandline{order:4}
  html.mpkm-v3 .mpkm-v3-brandline__links{flex-direction:column;align-items:flex-start;gap:0}
  html.mpkm-v3 #wrapper .mpkm-v3-brandline__link{min-height:44px}
  html.mpkm-v3 .mpkm-v3-brandline__sep{display:none}
}
/* без разрешённого изображения: обычная область фото с нейтральной заглушкой (exec20, возврат блока по решению
   владельца 01.10). Пропорции и отступы — от .product__pics обычной карточки; заглушка не кликабельна;
   на телефоне — невысокая полоса, чтобы название, характеристики и действия оставались в первом экране */
html.mpkm-v3 .mpkm-v3-pic-placeholder .mpkm-v3-pic-placeholder__box{display:block;cursor:default}
html.mpkm-v3 .mpkm-v3-pic-placeholder img{display:block;width:100%;height:auto;border-radius:13px}
@media (max-width:767px){
  /* квадрат области фото задают mpkm-fixes.css:348–349 (aspect-ratio 1/1) и mpkm-pdp-canon.css:112 (height:auto!important) */
  html.mpkm-v3 section.product .mpkm-v3-pic-placeholder .product__big-pics{aspect-ratio:auto;height:160px}
  html.mpkm-v3 section.product .mpkm-v3-pic-placeholder .product__big-pic{height:160px}
  html.mpkm-v3 #wrapper section.product .mpkm-v3-pic-placeholder .product__big-pic img{height:160px!important;max-height:160px!important;object-fit:cover!important}
}

/* ---------- мини-карточка: кнопка подбора не обрезается ----------
   На телефоне ряд действий карточки — «кнопка | сравнение» (кнопке остаётся 77–92 px), а mpkm-fixes.css:508
   держит кнопку в одну строку 13 px. У архивной карточки (класс ряда из rows.php) кнопка занимает всю ширину,
   сравнение переносится ниже; текст 14 px, при нехватке места — две строки. */
/* шире 768 px: в узкой колонке (каталог с боковым меню, кнопка около 144 px) надпись не помещалась в одну строку,
   а mpkm-cat-canon.css держит высоту и интерлиньяж кнопки по 44 px — две строки выезжали за кнопку сверху и снизу.
   У архивной карточки надпись переносится внутри кнопки: обычный интерлиньяж, высота по содержимому, не меньше 44 px. */
html.mpkm-v3 body #wrapper .grid4__item.pr-block__item .pr-block__actions--archive .mpkm-supply-actions__pick{height:auto!important;min-height:44px!important;line-height:1.15!important;white-space:normal!important;padding:4px 10px!important;font-size:14px!important;text-align:center}
@media (max-width:768px){
  html.mpkm-v3 body #wrapper .grid4__item.pr-block__item .pr-block__actions--archive{flex-wrap:wrap!important}
  html.mpkm-v3 body #wrapper .grid4__item.pr-block__item .pr-block__actions--archive > .mpkm-supply-actions{flex:1 1 100%!important;width:100%!important;max-width:100%!important}
  html.mpkm-v3 body #wrapper .grid4__item.pr-block__item .pr-block__actions--archive .mpkm-supply-actions__pick{display:flex!important;white-space:normal!important;font-size:14px!important;line-height:1.15!important;padding:4px 8px!important;height:auto!important;min-height:44px!important}
}

/* ---------- страница бренда ---------- */
html.mpkm-v3 .mpkm-v3-brand__line{font-size:16px;font-weight:600;color:var(--ink,#15161a)}
html.mpkm-v3 .mpkm-v3-brand__sub{margin:6px 0 0;font-size:16px;line-height:1.45;color:var(--ink2,#5b5e66)}
html.mpkm-v3 .mpkm-v3-brand__note{margin:6px 0 12px;max-width:760px;font-size:16px;line-height:1.45;color:var(--ink2,#5b5e66)}
@media (max-width:767px){
  /* шапка архивного бренда на телефоне: слева, компактно, одно описание и кнопка */
  html.mpkm-v3 .mpkm-brand-page__hero-card.mpkm-v3-brand{text-align:left}
  html.mpkm-v3 .mpkm-v3-brand .mpkm-brand-page__hero-main,
  html.mpkm-v3 .mpkm-v3-brand .mpkm-brand-page__hero-topbar,
  html.mpkm-v3 .mpkm-v3-brand .mpkm-brand-page__hero-headrow,
  html.mpkm-v3 .mpkm-v3-brand .mpkm-brand-page__hero-headrow-text{align-items:flex-start;text-align:left;justify-content:flex-start}
  html.mpkm-v3 .mpkm-v3-brand .mpkm-brand-page__h1{text-align:left}
  html.mpkm-v3 .mpkm-v3-brand .mpkm-brand-page__hero-count{text-align:left}
  html.mpkm-v3 .mpkm-v3-brand .mpkm-brand-page__hero-thesis{text-align:left;font-size:16px}
  html.mpkm-v3 .mpkm-v3-brand .mpkm-brand-page__hero-benefits{justify-content:flex-start;text-align:left;padding-left:0}
  /* кнопка «Подобрать материал» внутри карточки шапки (hero-main); перебивает width:auto!important из mpkm-supply.css:32 */
  html.mpkm-v3 #wrapper .mpkm-v3-brand .mpkm-supply-actions__pick.mpkm-supply-actions__pick--inline{display:flex!important;width:100%!important}
}

/* ---------- «категория+бренд» ---------- */
html.mpkm-v3 .mpkm-v3-nsv__line{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--ink,#15161a)}
html.mpkm-v3 .mpkm-v3-nsv__text{margin:0 0 12px;font-size:15px;line-height:1.45;color:var(--ink2,#5b5e66)}
@media (max-width:767px){
  html.mpkm-v3 #wrapper .mpkm-v3-nsv .mpkm-supply-actions__pick.mpkm-supply-actions__pick--inline{display:flex!important;width:100%!important}
}

/* ---------- подборки по направлениям: вкладки ---------- */
html.mpkm-v3 .mpkm-v3-dirs__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}
html.mpkm-v3 .mpkm-v3-dirs__tabs[hidden]{display:none}
html.mpkm-v3 .mpkm-v3-dirs__tab{min-height:44px;padding:8px 16px;border:1px solid var(--line,#e4e2dc);border-radius:999px;background:#fff;color:var(--ink,#15161a);font:inherit;font-size:15px;font-weight:600;cursor:pointer;line-height:1.25;text-align:left}
html.mpkm-v3 .mpkm-v3-dirs__tab[aria-selected="true"]{background:#15161a;border-color:#15161a;color:#fff}
html.mpkm-v3 .mpkm-v3-dirs__tab:focus-visible{outline:2px solid #fecc2f;outline-offset:2px}
/* с вкладками заголовок панели дублирует вкладку — скрыт визуально, остаётся в разметке */
html.mpkm-v3 .mpkm-v3-dirs--tabs .mpkm-v3-dirs__ptitle{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.mpkm-v3 .mpkm-v3-dirs__panel[hidden]{display:none}
html.mpkm-v3 .mpkm-v3-dirs__all{margin:12px 0 0;font-size:15px}
html.mpkm-v3 .mpkm-v3-dirs__all a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink,#15161a);text-decoration:underline;text-underline-offset:3px}
@media (max-width:767px){
  html.mpkm-v3 .mpkm-v3-dirs__tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:thin}
  html.mpkm-v3 .mpkm-v3-dirs__tab{flex:0 0 auto;white-space:nowrap}
}

/* ---------- сравнение: группа «Предложение МПКМ» после технических строк ---------- */
html.mpkm-v3 .mpkm-compare-tr--offer > th,
html.mpkm-v3 .mpkm-compare-tr--offer > td{background:#f7f5f1}
html.mpkm-v3 .mpkm-compare-tr:not(.mpkm-compare-tr--offer) + .mpkm-compare-tr--offer > th,
html.mpkm-v3 .mpkm-compare-tr:not(.mpkm-compare-tr--offer) + .mpkm-compare-tr--offer > td{border-top:2px solid #d9d6cf}

/* ---------- калькулятор исходного материала ---------- */
html.mpkm-v3 .mpkm-calc-mini__note{margin:8px 0 0;font-size:14px;line-height:1.45;color:var(--ink2,#5b5e66)}