/*
 * uhl_attr — характеристики на картці товару.
 *
 * Лише доповнення до стилів теми (.prod_attributes__*): панель кнопок, заголовки груп, підказка,
 * кольори й картинки значень. Опису немає — колонка характеристик на всю ширину.
 */
.uhlk-specbar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: -4px 0 12px; }
.uhlk-sbtn {
  display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border: 1px solid #C9D3E4; border-radius: 6px;
  background: #fff; color: #1E4E9D; font-size: 13px; font-weight: 500; line-height: 1; text-decoration: none; cursor: pointer;
}
.uhlk-sbtn:hover, .uhlk-sbtn:focus-visible { border-color: #1E4E9D; color: #1E4E9D; text-decoration: none; outline: none; }
.uhlk-snote { font-size: 12px; color: #177A45; }
.uhlk-snote.is-bad { color: #C4271C; }
.uhlk-sgroup {
  margin: 14px 0 4px; padding: 0 0 4px; border-bottom: 1px solid #E3E7EE;
  font-size: 12px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: #525257;
}
.uhlk-sgroup:first-child { margin-top: 0; }
.uhlk-sw { display: inline-block; width: 14px; height: 14px; margin: 0 6px -2px 0; border-radius: 3px; border: 1px solid rgba(0,0,0,.15); }
.uhlk-vimg { display: inline-block; width: 18px; height: 18px; margin: 0 6px -4px 0; border-radius: 3px; object-fit: cover; }
.uhlk-tip {
  position: relative; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; margin-left: 6px;
  border-radius: 50%; background: #E8EEF8; color: #1E4E9D; font: 600 11px/1 Georgia, serif; font-style: italic; cursor: help; vertical-align: 1px;
}
.uhlk-tip::after {
  content: attr(data-tip); position: absolute; left: 50%; bottom: calc(100% + 8px); z-index: 20; width: max-content; max-width: 260px;
  padding: 8px 10px; border-radius: 6px; background: #1D1D1F; color: #fff; font: 400 12px/1.4 inherit; font-family: inherit; font-style: normal;
  white-space: normal; text-align: left; transform: translateX(-50%); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .15s;
}
.uhlk-tip:hover::after, .uhlk-tip:focus::after, .uhlk-tip.is-open::after { opacity: 1; visibility: visible; }
.uhlk-tip:focus-visible { outline: 2px solid #1E4E9D; outline-offset: 2px; }
/* «Основні характеристики» біля ціни — як картки «Доставка / Оплата» під нею. */
.uhlk-key { margin: 0 0 20px; padding: 15px; background: #fff; }
.uhlk-key__title { margin: 0 0 8px; font-family: Montserrat, sans-serif; font-size: 21px; font-weight: 500; color: #1e1e1e; }
.uhlk-key__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); column-gap: 24px; }
.uhlk-key__row { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid #EEF1F5; font-size: 15px; line-height: 20px; }
.uhlk-key__name { color: #5A6270; }
.uhlk-key__val { color: #1e1e1e; font-weight: 600; text-align: right; }
/* Опису немає — колонка опису не показується, характеристики на всю ширину. */
#prod_tabs__description:has(.prod_description__item:empty) { display: none; }
.product_content__row:has(> #prod_tabs__description .prod_description__item:empty) > .product_content__left { width: 100%; }
@media (prefers-reduced-motion: reduce) { .uhlk-tip::after { transition: none; } }