/* ============================================================
   MPKM — mpkm-fixes.css  v7 (2026-03-02)
   ============================================================ */

/* === П.3: Текстовый блок с ценами === */
.category-price-info {
  background: #f8f9fa;
  border-left: 4px solid #fecc2f;
  padding: 12px 18px;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.5;
}
.category-price-info p { margin: 0; }

/* === П.4: Hover — бренды на ГЛАВНОЙ === */
.brands-section .grid4__item {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  padding: 15px;
}
.brands-section .grid4__item::after {
  content: "";
  position: absolute;
  top: 5px; right: 5px; bottom: 5px; left: 5px;
  border: 4px solid #fecc2f;
  transition: opacity .3s;
  opacity: 0;
  pointer-events: none;
}
.brands-section .grid4__item:hover::after { opacity: 1; }
.brands-section .grid4__img {
  max-width: 100%;
  max-height: 80px;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

/* === П.4: Hover — бренды на /brands/ === */
.grid4__item-background {
  position: relative;
}
.grid4__item-background::after {
  content: "";
  position: absolute;
  top: 5px; right: 5px; bottom: 5px; left: 5px;
  border: 4px solid #fecc2f;
  transition: opacity .3s;
  opacity: 0;
  pointer-events: none;
}
.grid4__item-background:hover::after { opacity: 1; }
.show_brand_img {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
}
.show_brand_img .grid4__img {
  max-width: 100%;
  max-height: 80px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* === П.5: Hover — новости === */
.columns2__pic {
  position: relative;
  display: block;
}
.columns2__pic::after {
  content: "";
  position: absolute;
  top: 5px; right: 5px; bottom: 5px; left: 5px;
  border: 4px solid #fecc2f;
  transition: opacity .3s;
  opacity: 0;
  pointer-events: none;
}
.columns2__pic:hover::after { opacity: 1; }

/* === П.5: Hover — статьи === */
.columns1__pic {
  position: relative;
  display: block;
}
.columns1__pic::after {
  content: "";
  position: absolute;
  top: 5px; right: 5px; bottom: 5px; left: 5px;
  border: 4px solid #fecc2f;
  transition: opacity .3s;
  opacity: 0;
  pointer-events: none;
}
.columns1__pic:hover::after { opacity: 1; }

/* === П.5: Hover — ОТЗЫВЫ (модуль photo) === */
.photo-item {
  position: relative;
}
.photo-item::after {
  content: "";
  position: absolute;
  top: 5px; right: 5px; bottom: 5px; left: 5px;
  border: 4px solid #fecc2f;
  transition: opacity .3s;
  opacity: 0;
  pointer-events: none;
}
.photo-item:hover::after { opacity: 1; }

/* === П.6: Hover — "Статьи по теме" (весь блок) === */
.side-articles__item {
  position: relative;
}
.side-articles__item::after {
  content: "";
  position: absolute;
  top: 0; right: -5px; bottom: 0; left: -5px;
  border: 4px solid #fecc2f;
  transition: opacity .3s;
  opacity: 0;
  pointer-events: none;
}
.side-articles__item:hover::after { opacity: 1; }

/* === Мобильный фикс: compare badge === */
.header_mobile-top .h-compare .h-compare__span > span {
  display: inline !important;
}
.header_mobile-top .h-compare .h-compare__span .h-compare__text {
  display: none !important;
}
