/* v156: подсказки для кнопок избранного и сравнения */
.card-action-tooltip {
  position: fixed;
  z-index: 5000;
  max-width: min(260px, calc(100vw - 24px));
  padding: 8px 11px;
  border: 1px solid rgba(243,158,50,.35);
  border-radius: 10px;
  color: #fff;
  background: rgba(38,40,44,.96);
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 6px);
  transition: opacity .14s ease, transform .14s ease;
}
.card-action-tooltip.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}
@media (hover: none), (pointer: coarse) {
  .card-action-tooltip { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .card-action-tooltip { transition: none; }
}


/* v157: фирменные подсказки и точное центрирование звезды */
.card-action-tooltip {
  padding: 10px 14px;
  border: 1px solid rgba(211, 110, 14, .42);
  border-radius: 13px;
  color: #fff;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.32), transparent 56%),
    linear-gradient(145deg, #ffb35f, #f39e32 56%, #e8771b);
  box-shadow:
    0 14px 30px rgba(139, 70, 10, .24),
    inset 0 1px 0 rgba(255,255,255,.58);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .01em;
  text-shadow: 0 1px 4px rgba(112, 52, 0, .22);
}

/* Каталог: звезда строго по центру круглой области кнопки */
.page-catalog #grid .product-card-favorite,
.product-card-favorite {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.page-catalog #grid .product-card-favorite .fav-btn__star,
.product-card-favorite .fav-btn__star {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-family: Arial, "Segoe UI Symbol", sans-serif !important;
  font-size: 23px !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: translateY(-1px) !important;
}