/* ============================================================
   mpkm-redesign-product.css  —  TEST ONLY (test.mpkm.org)
   Карточка ТОВАРА: унификация под дизайн-систему. CSS-only.
   Консервативно: карточки связанных блоков (слайдеры — НЕ трогаем layout),
   токены, хлебные крошки, H1, таблицы характеристик, заголовки секций.
   Q&A-блок (mpkm-kimi-qa) и галерею НЕ трогаем. Грузится последним.
   ============================================================ */

/* D26-B7: дубль :root удалён — канон-токены живут в mpkm-header.css (сайт-wide, значения были идентичны) */

/* ---------- Breadcrumbs + H1 ---------- */
.main .breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;font-size:13.5px;color:var(--mut)}
.main .breadcrumbs a{color:var(--ink2);transition:color .15s}
.main .breadcrumbs a:hover{color:var(--ink)}
/* ДОБИВКА-8 U3: H1 товара — responsive clamp вместо фикс. 40px (main.css h1). Длинные имена
   («…SikaEmaco S 488») не раздуваются/не обрезаются: десктоп ≥1250px = 40px, ниже плавно ужимается. */
.shop-product-header__h1{font-size:clamp(25px,3.2vw,40px);font-weight:800;letter-spacing:-.6px;line-height:1.1;color:var(--ink)}

/* ---------- Цена / купить (в основном блоке) ---------- */
.product__price .js_shop_price,.product__price .price{font-weight:800;letter-spacing:-.6px;color:var(--ink)}
.product__cart .pr-block__present-value--instock,.product__presents-and-rating .pr-block__present-value--instock{color:var(--ok);font-weight:600}
.product__tocart .btn,.product__cart .js_shop_buy button[type=submit]{background:var(--brand);color:var(--brand-ink);border:0;font-weight:700;transition:background .18s}
.product__tocart .btn:hover,.product__cart .js_shop_buy button[type=submit]:hover{background:var(--brand-d)}

/* ---------- Таблицы характеристик ---------- */
.product-spec.widthfull,.shop-item__params-small{border-collapse:collapse;width:100%}
.product-spec.widthfull td,.product-spec.widthfull th{padding:11px 14px;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.45;vertical-align:top}
.product-spec.widthfull tr:nth-child(even) td{background:var(--wash)}
.product-spec.widthfull th{color:var(--ink2);font-weight:600;text-align:left}

/* ---------- Заголовки секций (Рекомендуем/Объекты/Статьи) ---------- */
.product__block ~ section .heading,
section.objects-section .heading{font-weight:800;letter-spacing:-.6px;color:var(--ink)}

/* ---------- Карточки связанных товаров ----------
   ДОБИВКА-8 U1: скин related-карточки СНЕСЁН → единый канон mpkm-ui.css
   (body:not(.mainpage) #wrapper .grid4__list .grid4__item.pr-block__item). */

/* ---------- Объекты-карточки (косметика) ---------- */
.objects-case-card{border:1.5px solid var(--line);border-radius:13px;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}
.objects-case-card:hover{border-color:var(--brand);box-shadow:0 16px 38px rgba(21,22,26,.10);transform:translateY(-4px)}