/* ============================================================
   MPKM PDP-CANON — карточка товара (NIGHT2 U3, 2026-07-02)
   Механика ДОСЛОВНО: js_shop_form/js_shop_buy/js_shop_price[summ]/p1..p15,
   itemprop (~83-86/страница), формы compare/QA. Только скин.
   ============================================================ */

/* --- Галерея: главное фото + ровная сетка тумбов --- */
#wrapper .product__big-pic{border:1.5px solid var(--line)!important;border-radius:13px!important;background:#fff!important;overflow:hidden}
#wrapper .product__big-pic img{object-fit:contain!important}
#wrapper a.product__pic-mini{display:inline-flex!important;align-items:center;justify-content:center;width:66px!important;height:66px!important;margin:8px 8px 0 0!important;padding:4px!important;border:1.5px solid var(--line)!important;border-radius:9px!important;background:#fff!important;overflow:hidden;transition:border-color .18s!important;float:none!important}
#wrapper a.product__pic-mini:hover,#wrapper a.product__pic-mini.active{border-color:var(--brand)!important}
#wrapper a.product__pic-mini img{max-width:100%!important;max-height:100%!important;object-fit:contain!important;width:auto!important;height:auto!important}

/* --- Buy-блок: кнопка/степпер канона --- */
#wrapper .product__cart .pr-block__tocart-btn__col{background:var(--brand)!important;border:1.5px solid var(--brand)!important;color:var(--brand-ink)!important;border-radius:13px!important;min-height:48px!important;padding:0 30px!important;font-weight:700!important;font-size:15px!important;transition:background .18s!important;box-shadow:none!important}
#wrapper .product__cart .pr-block__tocart-btn__col:hover{background:var(--brand-d)!important;border-color:var(--brand-d)!important}
#wrapper .product__cart input[name=count]{height:48px!important;border:1.5px solid var(--line)!important;border-radius:9px!important;text-align:center;font-weight:700!important;color:var(--ink)!important;background:#fff!important}
#wrapper .product__cart{border:1.5px solid var(--line);border-radius:13px;background:#fff}
/* рейтинг-звёзды шапки: актив = brand */
#wrapper .mpkm-product-header-rating__stars button{color:#d9d7d2}
#wrapper .mpkm-product-header-rating__stars button.is-on,#wrapper .mpkm-product-header-rating__stars button.active,#wrapper .mpkm-product-header-rating__stars button[aria-pressed=true]{color:var(--brand-d)!important}

/* --- Табы style2 → сегмент-контрол канона --- */
#wrapper .tabs-container.tabs-style2 .tabs-container__tabs ul{display:inline-flex!important;gap:4px!important;background:var(--wash)!important;border:0!important;border-radius:13px!important;padding:5px!important;margin:0 0 26px!important;flex-wrap:wrap;width:auto!important}
#wrapper .tabs-container.tabs-style2 .tabs-container__tabs ul li{list-style:none;background:transparent!important;border:0!important;margin:0!important;float:none!important;white-space:nowrap;top:0!important}
#wrapper .tabs-container.tabs-style2 .tabs-container__tabs ul li a{display:block;padding:11px 22px!important;border:0!important;border-radius:9px!important;background:transparent!important;font-weight:600!important;font-size:15px!important;line-height:1.2!important;color:var(--ink2)!important;transition:background .18s,color .18s,box-shadow .18s!important;text-shadow:none!important;box-shadow:none!important}
#wrapper .tabs-container.tabs-style2 .tabs-container__tabs ul li a:hover{color:var(--ink)!important}
#wrapper .tabs-container.tabs-style2 .tabs-container__tabs ul li.ui-tabs-active a,#wrapper .tabs-container.tabs-style2 .tabs-container__tabs ul li.ui-state-active a{background:#fff!important;color:var(--ink)!important;box-shadow:0 1px 3px rgba(21,22,26,.10)!important}
/* ДОБИВКА-13 U1: снят jQuery-UI .ui-tabs{padding:.2em}=2.8px — контейнер табов и панели на ту же левую ось, что верх-блок (left 48, не 51). padding:0 без !important (бьёт не-!important .ui-tabs по спецификации 1,2,0>0,1,0). */
#wrapper .tabs-container.tabs-style2{border:0!important;background:transparent!important;padding:0}

/* ДОБИВКА-13 U4: остатки Cuprum на PDP → Golos (СКОУП PDP; глобальный main.css:45 label / :109 ui-state-default
   / :385 spinner НЕ трогаем — ledger). Таб-<li>: видимый текст в <a> уже Golos, li без прямого текста —
   нормализуем для чистоты аудита. Спиннер-стрелки qty = глифы ▲▼ (визуально идентичны в любом шрифте). «Нужна
   объектная скидка?» УЖЕ Golos italic (ТЗ протухло — не Cuprum, замер). 0 нового !important. */
#wrapper .tabs-container.tabs-style2 .tabs-container__tabs ul li,
#wrapper section.product .ui-spinner-button,
#wrapper section.product .ui-spinner .ui-button-text{font-family:"Golos Text",system-ui,Arial,sans-serif}

/* --- Спеки: таблица на токенах, ссылки канон --- */
/* ДОБИВКА-13 U3: канон таблицы хар-к (#tabs-1 table.product-spec) — иерархия лейбл↔значение.
   Было: лейбл(.product-spec__title) и значение(.product-spec__value) ОБА ink2/400 = плоско.
   Значение → --ink (крепче); лейбл-колонка → wash-рельс + --mut2 + 600 (PLAIN — line 33 больше не
   покрывает title своим !important; 0 нового !important). Border/radius/зебра/ссылки уже канон (D12 .text table + line 34). */
#wrapper section.product table.product-spec td.product-spec__value,#wrapper section.product .product__fields table td{color:var(--ink)!important;font-size:15px!important}
#wrapper section.product table.product-spec td.product-spec__title{color:var(--mut2);background:var(--wash);font-weight:600;font-size:15px}
#wrapper section.product table.product-spec a,#wrapper section.product .product__fields table a{color:var(--ink)!important;border-bottom:1px solid var(--brand)!important;text-decoration:none!important}

/* --- Related «Рекомендуем также» (section.hits-section на PDP) = ЕДИНАЯ карточка (mpkm-ui.css D8). ---
   ДОБИВКА-8 U1: десктоп-скин related-карточки СНЕСЁН (был border 1.5 + свой radius/ховер) →
   правит канон body:not(.mainpage) #wrapper .grid4__list .grid4__item.pr-block__item. */
/* «По запросу» — канон-нейтраль (был оранжевый); дублируется каноном, оставлено для не-grid контекстов */
#wrapper .pr-block__present-value--request{color:var(--mut2)!important}

/* --- МОБИЛКА --- */
@media(max-width:768px){
#wrapper .product__cart .pr-block__tocart-btn__col{width:100%!important;min-height:48px!important}
#wrapper .product__cart .pr-block__tocart{display:flex;flex-direction:column;gap:10px}
#wrapper section.product .js_shop_price{font-size:26px!important;font-weight:800!important}
#wrapper a.product__pic-mini{width:56px!important;height:56px!important;margin:6px 6px 0 0!important}
/* related 2-в-ряд: сетка (скин карточки = единый канон mpkm-ui.css D8, компакт-скин СНЕСЁН) */
#wrapper .hits-section .grid4__list{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;width:auto!important;margin:0!important;white-space:normal!important}
/* табы style2 на мобиле: сегменты в 2 колонки без горизонтального скролла */
#wrapper .tabs-container.tabs-style2 .tabs-container__tabs ul{display:grid!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important}
#wrapper .tabs-container.tabs-style2 .tabs-container__tabs ul li a{text-align:center;white-space:normal!important;padding:11px 10px!important}
}

/* основная «Купить» = .product__tocart .btn (форензик: chain btn>product__tocart>js_shop_form>product__cart) */
#wrapper .product__tocart .btn{background:var(--brand)!important;border:1.5px solid var(--brand)!important;color:var(--brand-ink)!important;border-radius:13px!important;min-height:48px!important;padding:0 30px!important;font-weight:700!important;font-size:15px!important;transition:background .18s!important;box-shadow:none!important;cursor:pointer}
#wrapper .product__tocart .btn:hover{background:var(--brand-d)!important;border-color:var(--brand-d)!important}
@media(max-width:768px){
#wrapper .product__tocart{display:flex!important;flex-direction:column!important;gap:10px!important}
#wrapper .product__tocart .btn{width:100%!important}
#wrapper .product__tocart input[name=count]{width:100%!important;min-height:48px!important}
}

/* DAY1 B1: заливка звёзд по avg (класс is-avg из custom main.js) */
#wrapper .mpkm-product-header-rating__stars button.is-avg svg path{fill:var(--brand)!important;stroke:var(--brand-d)!important}
#wrapper .mpkm-product-header-rating__stars button.is-lit svg path{fill:var(--brand-d)!important;stroke:var(--brand-d)!important}
#wrapper [data-mpkm-header-stars][hidden]{display:none!important}

/* ═══ ДОБИВКА-3 U-PDP форс-редизайн ═══ */
/* ДОБИВКА-13 U1: кап 820px СНЯТ (D3 P6 читаемость → owner-decision: full-width).
   Замер: описание/видео/отзывы капались до 820, а таблы (хар-ки/доки) шли full 1323 →
   ширина «пляшет» между вкладками + «на половину». Теперь ВСЕ панели = полная ширина контента
   (сестра .product__block, left 48, w ~1329). Правка источника, без нового !important. */
/* (правило max-width:820 удалено) */

/* P1: секции-сироты «Рекомендуем также» / «Статьи по теме» — при <3 карточках компакт row-карточки.
   Условие <3 самоскоупит: главная (.hits-section) всегда >=3 карточек → не затронута. */
/* «Рекомендуем также» (.hits-section .grid4__list) */
/* «Статьи по теме» (.mpkm-related-clauses .objects-case-catalog__grid) */
#wrapper .mpkm-related-clauses .objects-case-catalog__grid:not(:has(.objects-case-card:nth-child(3))){display:flex!important;flex-direction:column!important;gap:12px!important;max-width:820px!important}
#wrapper .mpkm-related-clauses .objects-case-catalog__grid:not(:has(.objects-case-card:nth-child(3))) .objects-case-card{width:auto!important;max-width:none!important;min-height:0!important}
#wrapper .mpkm-related-clauses .objects-case-catalog__grid:not(:has(.objects-case-card:nth-child(3))) .objects-case-card__link{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:16px 18px!important}
#wrapper .mpkm-related-clauses .objects-case-catalog__grid:not(:has(.objects-case-card:nth-child(3))) .objects-case-card__body{padding:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:16px}
#wrapper .mpkm-related-clauses .objects-case-catalog__grid:not(:has(.objects-case-card:nth-child(3))) .objects-case-card__cta{flex:none!important;white-space:nowrap}

/* P2: бренд-строка в одну линию (лого + ссылки бренда рядом, разделитель) */
#wrapper .product__brand-block{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 14px!important}
#wrapper .product__brand-block > div,#wrapper .product__brand-block > span,#wrapper .product__brand-block > p{display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important;margin:0!important}
#wrapper .product__brand-block a:not(.product__brand-logo-link){font-size:14px!important}
/* P3: фото заполняет бокс (contain по центру, аккуратный внутренний паддинг) */
/* D24 U5: display:flex!important на ВСЕХ big-pic глушил механику .active (main.css: none/block) — стрелки меняли класс, но видимое фото не менялось. Флекс-центровка теперь ТОЛЬКО у активного, остальные скрыты. */
#wrapper .product__big-pic.active{display:flex!important;align-items:center!important;justify-content:center!important}
#wrapper .product__big-pic:not(.active){display:none!important}
#wrapper .product__big-pic img{width:100%!important;height:auto!important;max-height:100%!important;object-fit:contain!important}
/* P5: табы-сегмент — wash-трек контейнера как на главной */
#wrapper .tabs-container.tabs-style2 .tabs-container__tabs > ul{display:inline-flex!important;flex-wrap:wrap;gap:4px!important;background:var(--wash,#f7f5f1)!important;border-radius:12px!important;padding:4px!important;border:1px solid var(--line,#ecebe7)!important}
#wrapper .tabs-container.tabs-style2 .tabs-container__tabs > ul li{margin:0!important}

/* P7: типографика описания = канон категорий (h2 26, Golos) */
#wrapper .tabs-container > .text h2{font-size:26px!important;font-family:"Golos Text",Roboto,Arial,sans-serif!important;font-weight:800!important;letter-spacing:-.02em!important}
/* P4: price-панель — единый вертикальный ритм между рядами */
#wrapper .product__cart{display:flex!important;flex-direction:column!important;gap:14px!important}
#wrapper .product__cart > *{margin:0!important}

/* ==== ДОБИВКА-4 R2: PDP табы — «кривой контейнер» + ритм верх-блок↔табы ==== */
/* Крив-контейнер = легаси-серый бокс .tabs-container__tabs (#f0f0f0, radius 0, border,
   высота 86) ОБОРАЧИВАЛ чистый wash-pill трек (ul). Гасим серый бокс — остаётся только трек. */
#wrapper .tabs-container.tabs-style2 .tabs-container__tabs{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0 0 var(--sp-5,24px)!important;box-shadow:none!important}
/* трек (ul) — детерминированный ритм: pad 4, radius 12 (аккуратно вокруг pill radius 9), нижний зазор = --sp-5 */
#wrapper .tabs-container.tabs-style2 .tabs-container__tabs > ul{margin:0!important;border-radius:12px!important}
/* зазор верх-блок↔табы = детерминированный токен --sp-7 (48); нижний до текста описания = --sp-6 */
#wrapper .tabs-container.tabs-style2{margin-top:var(--sp-7,48px)!important;margin-bottom:var(--sp-6,32px)!important}
/* описание под табами течёт по ритму (без залипания к треку) */
#wrapper .tabs-container.tabs-style2 .tabs-container__tabs{position:static!important}

/* ==== ДОБИВКА-4 R3: PDP «Сравнить» — канон-чип вместо жёлтого блямба ==== */
/* Корень: .js_shop_add_compare форсился в 33×33 grid-бокс (redesign-product.css),
   а внутри — иконка + текст « Сравнить»; текст не влезал → торчал под боксом, а
   :hover{background:var(--brand)} красил бокс в жёлтый блямб. Делаем канон-ghost-чип
   (иконка+лейбл в ряд), subtle-hover без жёлтой заливки. Форму compare_goods/JS не трогаем. */
#wrapper .product__compare .js_shop_add_compare{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:var(--sp-2,8px)!important;width:auto!important;height:auto!important;min-width:0!important;
  padding:9px 14px!important;border-radius:11px!important;
  background:#fff!important;border:1px solid var(--line,#ecebe7)!important;color:var(--ink2,#5b5e66)!important;
  font-weight:600!important;font-size:14px!important;line-height:1!important;text-align:left!important;
  transition:background .18s,border-color .18s,color .18s!important}
#wrapper .product__compare .js_shop_add_compare:hover{
  background:var(--wash,#f7f5f1)!important;border-color:var(--mut,#9b9ea5)!important;color:var(--ink,#15161a)!important}
#wrapper .product__compare .js_shop_add_compare .ico{
  width:18px!important;height:18px!important;flex:none!important;min-width:0!important;opacity:.72}
/* активное состояние (товар в сравнении) — мягкая brand-обводка, без сплошной жёлтой заливки */
#wrapper .product__compare.active .js_shop_add_compare,
#wrapper .product__compare .js_shop_add_compare.active{
  border-color:var(--brand)!important;background:#fffdf3!important;color:var(--ink,#15161a)!important}

/* ==== ДОБИВКА-4 R5: PDP price-панель — единый вертикальный ритм --stack-gap ==== */
/* Было: cart-gap 14 (вне шкалы) + форма с рассыпанными внутренними маргинами
   (price mt8/mb20, tocart mb23). Приводим ВСЕ ряды панели к одному токену --stack-gap(16),
   паддинг панели → --panel-pad(24). Степпер/Купить/цену внутри не ломаем — гасим только внешние маргины. */
#wrapper .product__cart{gap:var(--stack-gap,16px)!important;padding:var(--panel-pad,24px)!important}
#wrapper .product__cart .js_shop_form{display:flex!important;flex-direction:column!important;gap:var(--stack-gap,16px)!important}
#wrapper .product__cart .js_shop_form > *{margin-top:0!important;margin-bottom:0!important}

/* ==== ДОБИВКА-5 U-CENTER: ритм центра + бренд-панель (C2) + доки-контейнер (C4) ==== */
/* Вертикальный ритм центра: описание → плитки(C1) → бренд-панель(C2) → мета(C3) → доки(C4) */
#wrapper .product__fields{display:flex!important;flex-direction:column!important;gap:var(--sp-5,24px)!important;margin:0!important}
#wrapper .product__fields > *{margin:0!important}

/* C2: бренд-поле → обведённая панель (лого + ссылки + тёмная кнопка) */
#wrapper .product__brand-field{display:block!important;border:1px solid var(--line)!important;border-radius:13px!important;padding:var(--panel-pad,24px)!important;background:#fff!important;margin:0!important}
#wrapper .product__brand-block{display:flex!important;align-items:center!important;gap:14px 18px!important;flex-wrap:wrap!important}
#wrapper .product__brand-logo-link{flex:none!important;display:inline-flex!important;align-items:center!important;margin:0!important;padding:0!important}
#wrapper .product__brand-logo{width:auto!important;height:44px!important;max-width:108px!important;object-fit:contain!important;display:block!important}
#wrapper .product__brand-links{display:flex!important;flex-direction:column!important;gap:6px!important;flex:1 1 auto!important;min-width:0!important;margin:0!important}
#wrapper .product__brand-link{font-size:14px!important;font-weight:600!important;color:var(--ink2)!important;text-decoration:none!important;line-height:1.3!important;border-bottom:1px solid var(--line)!important;align-self:flex-start!important;padding-bottom:1px!important}
#wrapper a.product__brand-link:hover{color:var(--ink)!important;border-bottom-color:var(--ink)!important}
#wrapper .product__brand-link--muted{color:var(--mut)!important;border-bottom-color:transparent!important}
#wrapper .product__brand-cta{flex:1 1 100%!important;width:100%!important;margin:2px 0 0!important;min-height:46px!important;font-size:14px!important}
#wrapper .product__brand-cta__arrow{margin-left:4px}

/* C4: доки-контейнер — вертикальный стек .u-doc строк без внешних маргинов */
#wrapper .product__docs{display:flex!important;flex-direction:column!important;gap:2px!important;margin:var(--docs-m,0)!important}
/* D16 U-B2: вариант «под плитками» — зазор от плиток через var (0 нового !important) */
/* ДОБИВКА-18 U2(б): «Все характеристики» ближе к плиткам — отрицат. верх-маргин гасит часть flex-gap(24) → зазор 36→~16px */
#wrapper .product__docs--params{--docs-m:-8px 0 0}
/* ДОБИВКА-15 U2: reset padding/margin техкарты СНЯТ (был защитный, легаси в центре нет — fixes:149 = только таб) → техкарта теперь кнопка-плашка .u-doc--techcard (mpkm-ui.css, плейн). Убрано 2 !important. */

/* мобайл: плитки 2-в-ряд (OD2) */
@media(max-width:768px){#wrapper .u-spec-tiles,#wrapper .u-spec-tiles[data-count="3"]{grid-template-columns:repeat(2,1fr)!important}}

/* ==== ДОБИВКА-5 B2: row-карточка «Рекомендуем также» — цена↔«Купить» не слипаются ==== */
/* .pr-block__tocart в row-карточке (P1 <3 связанных) держал цену и кнопку в блочном потоке
   с 0-зазором (цена жмётся к «Купить»). Делаем колонку с --sp-2 зазором, кнопка на всю ширину. */

/* ============ ДОБИВКА-11 U1/U3: ряд [бренд][склады] · склады-бокс · крупное лого бренда ============
   Ряд — ВЛОЖЕННАЯ обёртка внутри .product__fields (потомок .product__info); grid НЕ на прямых
   детях .product__block (мина D5: table-cell 3-колонки не ронять). :has → 2 колонки только когда
   есть ОБА бокса, иначе 1 колонка (единственный бокс на всю ширину). */
#wrapper .product__brand-wh-row{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;align-items:stretch!important;margin:16px 0 0!important}
/* ДОБИВКА-18 U2: ряд [бренд | склады] — ДВЕ равновысокие карточки бок-о-бок (реверс D16-стека). */
#wrapper .product__brand-wh-row:has(.product__brand-field):has(.product__wh-box){grid-template-columns:1fr 1fr!important}
/* бренд-бокс: pad 14/18, лого-плашка ХУГ-ит лого (не тянется на всю ширину) + 2 ссылки колонкой */
#wrapper .product__brand-wh-row .product__brand-field{padding:14px 18px!important;height:100%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;margin:0!important}
/* ДОБИВКА-22 U1: техкарта В ПАРУ к «Все характеристики» — 2-колоночный ряд центра [Все хар-ки | техкарта], равные ячейки; без техкарты — «Все хар-ки» на всю ширину (0 орфан-бокса). */
#wrapper .product__docs.product__docs--params{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;--docs-m:16px 0 0}
#wrapper .product__docs.product__docs--params.product__docs--paired{grid-template-columns:1fr 1fr!important}
#wrapper .product__docs--params.product__docs--paired .u-doc{margin:0!important;height:100%!important;min-height:56px!important;box-sizing:border-box!important;padding:12px 16px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--wash)!important;justify-content:flex-start!important;gap:12px!important}
#wrapper .product__docs--params.product__docs--paired .u-doc:hover{border-color:var(--brand)!important;background:#fff!important;color:var(--ink)!important}
#wrapper .product__docs--params.product__docs--paired .u-doc__ic{width:38px!important;height:38px!important;border-radius:10px!important;background:#fff!important;border:1px solid var(--line)!important;color:var(--mut2)!important;font-size:15px!important;flex:none!important}
#wrapper .product__docs--params.product__docs--paired .u-doc--techcard{margin:0!important;min-height:56px!important}
/* ДОБИВКА-16 U-B1: плашка ЕДИНОЙ высоты у всех брендов — лого в фикс-боксе 200×96 СЛЕВА
   (object-fit:contain: широкий FibArm и квадратный CarbonWrap сбалансированы), 2 ссылки
   СПРАВА по вертикальному центру (владелец). Только значения существующих деклараций —
   0 нового !important; фолбэк D13 (onerror→текст) и D14-читаемость не тронуты. */
#wrapper .product__brand-wh-row .product__brand-block{flex-direction:row!important;align-items:center!important;gap:var(--sp-4,16px)!important;flex-wrap:nowrap!important;width:100%!important}
#wrapper .product__brand-wh-row .product__brand-logo-link{width:var(--b1-logo-w,200px)!important;max-width:100%!important;height:var(--b1-logo-h,112px)!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:var(--sp-2,8px)!important;flex:none!important;box-sizing:border-box!important;align-self:center!important}
#wrapper .product__brand-wh-row .product__brand-logo{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
/* ДОБИВКА-14 U3: стрелки галереи над главным фото (JS mpkm-pdp-carousel.js инжектит при >1 фото; листают без лайтбокса, клик по фото → fancybox сохранён). Канон: полупрозрачный бокс, --ink, r13, touch 44. */
#wrapper .product__pics .product__big-pics{position:relative}
#wrapper .mpkm-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line,#ecebe7);border-radius:13px;background:rgba(255,255,255,.88);color:var(--ink,#15161a);font-size:26px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(21,22,26,.16);transition:background .18s,box-shadow .18s,opacity .18s}
#wrapper .mpkm-gallery-arrow:hover{background:#fff;box-shadow:0 8px 22px rgba(21,22,26,.20)}
#wrapper .mpkm-gallery-arrow--prev{left:8px}
#wrapper .mpkm-gallery-arrow--next{right:8px}
#wrapper .product__brand-wh-row .product__brand-links{display:flex!important;flex-direction:column!important;gap:8px!important;flex:1 1 auto!important;min-width:0!important;justify-content:center}
/* ДОБИВКА-13 U2: текст-фолбэк лого (пустой/битый src — по факту загрузки через onerror, не по имени).
   Плашка = сама ссылка .product__brand-logo-link (paired-кейс: белый/line/r13/84px); фолбэк = текст
   Golos/ink/700 центрируется в ней. Без !important (нет конкурирующих правил на .product__brand-logo-fallback). */
#wrapper .product__brand-logo-fallback{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;min-height:44px;font-family:"Golos Text",system-ui,Arial,sans-serif;font-weight:700;font-size:16px;line-height:1.15;color:var(--ink);letter-spacing:-.01em;padding:2px 6px;box-sizing:border-box;word-break:break-word}
/* 🔴 hidden-атрибут перебивается display:flex (грабля DAY1 B1) — явный [hidden] guard (спец 1,2,0 бьёт 1,1,0, без !important) */
#wrapper .product__brand-logo-fallback[hidden]{display:none}
/* склады-бокс: капс-лейбл + значение (стиль как у плиток) */
/* D16 U-B1: склады-бокс под плашкой на всю ширину → пункты В РЯД (column→row), gap 12→32 */
#wrapper .product__wh-box{border:1px solid var(--line)!important;border-radius:13px!important;padding:14px 18px!important;background:#fff!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;gap:32px!important;height:100%!important;box-sizing:border-box!important;margin:0!important;flex-wrap:wrap}
#wrapper .product__wh-item{display:flex!important;flex-direction:column!important;gap:3px!important}
#wrapper .product__wh-label{font-size:11px!important;font-weight:600!important;letter-spacing:.03em!important;text-transform:uppercase!important;color:var(--mut2)!important;line-height:1.3!important;margin:0!important}
#wrapper .product__wh-value{font-size:14px!important;font-weight:600!important;color:var(--ink)!important;line-height:1.35!important;margin:0!important}
@media(max-width:768px){#wrapper .product__brand-wh-row,#wrapper .product__brand-wh-row:has(.product__brand-field):has(.product__wh-box){grid-template-columns:1fr!important}
/* D16 U-B1 моб: бокс лого компактнее (150×72) через var — 0 нового !important; ссылки остаются справа (150+16+ссылки ≤ контент 350) */
#wrapper .product__brand-wh-row{--b1-logo-w:150px;--b1-logo-h:72px}}

/* ДОБИВКА-18 U2: ряд [бренд | склады] бок-о-бок в половинной ширине — лого компактнее,
   бренд-блок переносится, склады-пункты в столбик (узкая карточка). */
#wrapper .product__brand-wh-row:has(.product__wh-box) .product__brand-block{flex-wrap:wrap!important;gap:10px 14px!important}
#wrapper .product__brand-wh-row:has(.product__wh-box) .product__brand-logo-link{--b1-logo-w:120px!important;--b1-logo-h:64px!important;width:120px!important;height:64px!important}
#wrapper .product__brand-wh-row:has(.product__wh-box) .product__brand-links{flex:1 1 130px!important}
#wrapper .product__brand-wh-row:has(.product__wh-box) .product__wh-box{flex-direction:column!important;gap:14px!important;justify-content:center!important}
@media(max-width:768px){
  #wrapper .product__brand-wh-row:has(.product__wh-box) .product__brand-logo-link{--b1-logo-w:150px!important;--b1-logo-h:72px!important;width:150px!important;height:72px!important}
  #wrapper .product__brand-wh-row:has(.product__wh-box) .product__wh-box{flex-direction:row!important}
}

/* ============ ДОБИВКА-11 U1: панель покупки по блюпринту ============
   Цена 32/700, ед.14/mut2, лейбл «Цена…» 12/mut2 CAPS; кнопка «Купить» h50/16 r13;
   степпер h50 r11; «В наличии» зелёный #3B6D11; разделитель перед услугами. */
#wrapper .product__cart .pre-price__id{font-size:12px!important;color:var(--mut2)!important;text-transform:uppercase!important;letter-spacing:.03em!important;font-weight:600!important;display:block!important;margin:0 0 4px!important}
#wrapper .product__cart .product__price-amount,#wrapper .product__cart .product__price-amount .js_shop_price,#wrapper .product__cart .js_shop_param_price.product__price .js_shop_price{font-size:32px!important;font-weight:700!important;line-height:1.05!important;font-family:'Golos Text',system-ui,Arial,sans-serif!important;letter-spacing:-.5px!important}
#wrapper .product__cart .product__price-unit{font-size:14px!important;color:var(--mut2)!important;font-weight:400!important}
#wrapper .product__cart .pr-block__present-value--instock{color:#3B6D11!important}
#wrapper .product__cart .pr-block__present-value--instock .pr-block__present-icon{color:#3B6D11!important}
#wrapper .product__cart .product__tocart .btn,#wrapper .product__cart input[type=button][action=buy]{min-height:50px!important;height:50px!important;font-size:16px!important;font-weight:600!important;border-radius:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
#wrapper .product__cart input[name=count],#wrapper .product__cart .forms-spinner,#wrapper .product__cart .product__tocart input[name=count]{min-height:50px!important;height:50px!important;border-radius:11px!important;box-sizing:border-box!important}
/* ДОБИВКА-15 U2: Доставка/Оплата/Рассчитать теперь ВНУТРИ панели (шаблон) — разделитель+зазор --stack-gap(16), не оторванная сноска (было margin+padding 18+18=36). */
#wrapper .product__cart-block .product__delivery-fields{border-top:1px solid var(--line)!important;margin-top:var(--stack-gap,16px)!important;padding-top:var(--stack-gap,16px)!important}
/* ДОБИВКА-18 U2: cart-override складов УДАЛЁН — склады вернулись в центр (ряд [бренд | склады]). */

/* ============ ДОБИВКА-11 U4: related <3 → горизонтальные row-карточки (D3 P1) ============
   «Рекомендуем»/«С этим покупают» с 1–2 товарами в 4-кол сетке = полупустой ряд (fill ~24%).
   При <3 → flex-колонка row-карточек (pic слева · инфо · действия справа), full-width.
   Scoped .hits-section → объектные «Мы использовали» (.objects-section) НЕ затронуты (урок D7).
   ≥3 карточек → сетка-канон (не тронута). :has не поддержан → грациозный откат к сетке. */
#wrapper .hits-section .grid4__list:not(:has(.pr-block__item:nth-child(3))){display:flex!important;flex-direction:column!important;gap:12px!important;transform:none!important;width:auto!important;max-width:none!important;grid-template-columns:none!important}
#wrapper .hits-section .grid4__list:not(:has(.pr-block__item:nth-child(3))) .grid4__item{width:auto!important;max-width:none!important;margin:0!important;float:none!important;min-width:0!important}
#wrapper .hits-section .grid4__list:not(:has(.pr-block__item:nth-child(3))) .pr-block__item{flex-direction:row!important;align-items:center!important;gap:18px!important;padding:14px 16px!important;max-width:none!important;min-height:0!important}
#wrapper .hits-section .grid4__list:not(:has(.pr-block__item:nth-child(3))) .pr-block__pic{flex:0 0 108px!important;width:108px!important;height:108px!important;aspect-ratio:auto!important;min-height:0!important;max-height:none!important;border-radius:10px!important;margin:0!important}
#wrapper .hits-section .grid4__list:not(:has(.pr-block__item:nth-child(3))) .pr-block__info{flex:1 1 auto!important;min-width:0!important;gap:4px!important}
#wrapper .hits-section .grid4__list:not(:has(.pr-block__item:nth-child(3))) .pr-block__desc{display:none!important}
#wrapper .hits-section .grid4__list:not(:has(.pr-block__item:nth-child(3))) .pr-block__actions{flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;min-width:200px!important;max-width:240px!important;margin-top:0!important}
@media(max-width:640px){
  #wrapper .hits-section .grid4__list:not(:has(.pr-block__item:nth-child(3))) .pr-block__item{flex-direction:column!important;align-items:stretch!important}
  #wrapper .hits-section .grid4__list:not(:has(.pr-block__item:nth-child(3))) .pr-block__pic{width:100%!important;flex:0 0 auto!important;aspect-ratio:4/3!important;height:auto!important}
  #wrapper .hits-section .grid4__list:not(:has(.pr-block__item:nth-child(3))) .pr-block__actions{max-width:none!important}
}

/* ДОБИВКА-12 U1: ритм верха PDP — H1 → первый контент-блок = --sp-6(32). Было 0 (3-кол table
   встык к H1). Крошки→H1 уже 16 (--sp-4, breadcrumb mb collapse). Единый источник — низ шапки. */
#wrapper .shop-product-header{margin-bottom:var(--sp-6,32px)}

/* ДОБИВКА-19 U6: симметрия отступов покупки. Источник gap цена→qty = flex row-gap формы .js_shop_form (16px);
   qty→кнопка (внутри .product__tocart) = 0. Сводим оба к 8px. */
#wrapper .product__block .js_shop_form{gap:8px!important}
#wrapper .product__tocart .ui-spinner,#wrapper .product__tocart .forms-spinner{margin-bottom:8px!important}

/* ДОБИВКА-19 U10: лого бренда крупнее (было h44/maxW108 — мелко). object-fit:contain, габариты блока держим паддингом. */
#wrapper .product__brand-logo{height:60px!important;max-width:150px!important}
#wrapper .product__brand-field .product__brand-logo,#wrapper .product__brand-logo-link .product__brand-logo{height:62px!important;min-height:62px!important;width:auto!important;max-width:160px!important;object-fit:contain!important}

/* D20 U6: правая колонка на всю высоту ячейки */
/* Ячейки .product__block — table-cell, force-equal по самой высокой (центр). Правая карточка покупки
   заканчивалась на 28px выше низа ячейки (висячий хвост). Тянем карточку на 100% высоты ячейки →
   её низ = низ центральной колонки (общий ровный край). Контент остаётся сверху (flex-start). */
/* D24 U7: equal-height хак валиден ТОЛЬКО для desktop table-cell; на мобилке (block-поток) height:1px схлопывал блок покупки, ~500px контента наплывали на поля */
@media(min-width:761px){
#wrapper .product__cart-block{ vertical-align:top; height:1px; }
#wrapper .product__cart-block > .product__cart{ height:100%!important; box-sizing:border-box!important; justify-content:flex-start!important; }
}
@media(max-width:760px){
#wrapper .product__cart-block{height:auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
#wrapper .product__cart-block > .product__cart{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important}
#wrapper .product__cart-block > .product__cart{height:auto!important}
#wrapper .product__fields > .product__cart-block{margin:0!important}
}


/* ===== D24 U5: симметрия отступов главного фото на мобилке (было: фикс-width 380 вылезал вправо на 19px, padL=0/padR=-19) ===== */
@media(max-width:760px){
#wrapper .product__pics{width:100%!important;max-width:380px;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
#wrapper section.product .product__big-pics{max-width:100%}
}