/* Кнопка и пункт меню подбора запчастей на страницах outdoorworld.kz (подключает модуль local.partsatlas, скрипт — ow-shell.js).
   Только свои классы .bk-ow-*, глобальных правил нет. Скин сайта, не наш --bk-* контракт:
   акцент #FC9F3A, Arial 14px, пилюля 20px, высота 38px — как «Купить» на карточке (.icard_buy_buttom),
   паспорт — docs/reference/outdoorworld/дизайн-паспорт-сайта.md. Токены — на корне блока, не в :root сайта.
   Пункт меню стоит на классах соседей (i_vm_li / i_vm_a / i_vm_img) — цвета, отступы, наведение и активное
   состояние даёт CSS сайта; здесь только размер своей иконки. */

/* ---------- кнопка «Запчасти для этой модели» (как extension/ow-button.css) ---------- */
.bk-ow-parts {
  --bk-ow-accent: #FC9F3A;
  --bk-ow-ink: #000000;
  --bk-ow-ink-hover: #FFFFFF;
  --bk-ow-muted: #8F8F8F;
  --bk-ow-focus: #1B1918;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding: 0 20px 20px;
  margin: 0;
  font: 14px/20px Arial, sans-serif;
  text-align: left;
}

.bk-ow-parts a.bk-ow-btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  max-width: 230px;
  padding: 0 20px;
  border: 2px solid var(--bk-ow-accent);
  border-radius: 20px;
  background: #fff;
  color: var(--bk-ow-ink);
  font: 14px/20px Arial, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: color .2s, background-color .2s, border-color .2s;
}

/* Сайт красит ссылки правилом a:not(.i_hlogo:hover, …):hover (вес 0,3,1) — удваиваем класс, чтобы перебить. */
.bk-ow-parts.bk-ow-parts a.bk-ow-btn:hover,
.bk-ow-parts.bk-ow-parts a.bk-ow-btn:focus-visible {
  color: var(--bk-ow-ink);
  background: #FFF4E5;
  text-decoration: none;
}

.bk-ow-parts.bk-ow-parts a.bk-ow-btn:focus-visible {
  outline: 2px solid var(--bk-ow-focus);
  outline-offset: 2px;
}

.bk-ow-parts .bk-ow-btn__icon {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  display: block;
}

.bk-ow-parts .bk-ow-parts__note {
  color: var(--bk-ow-muted);
  font: 12px/16px Arial, sans-serif;
  min-width: 0;
}

/* узкий экран: сайт до 465px ставит блок покупки по центру (.i_catalog_element .i_sales_unit) — и мы */
@media screen and (max-width: 465px) {
  .bk-ow-parts {
    justify-content: center;
    text-align: center;
  }
}

/* ---------- пункт «Подбор запчастей по модели» в левом меню ---------- */
.bk-ow-menu .bk-ow-menu__img {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bk-ow-menu .bk-ow-menu__icon {
  width: 34px;
  height: 34px;
  display: block;
}