/* Compare add/remove feedback. Safe to load with Seller or Doctor Launch layout. */

.product-card__actions .b-compare__icon {
  display: none;
}

.product-card__actions .b-compare::after {
  content: "Сравнить";
}

.product-card__actions .b-compare.active::after,
.product-card__actions .b-compare.is-on::after {
  content: "В сравнении";
}

.product-card__actions .b-compare:has(.b-compare__text)::after {
  content: none;
}

.dl-compare-btn,
.js-add-compare-button.b-compare {
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    transform 180ms ease;
}

.product-card__actions .dl-compare-btn {
  flex: 0 1 auto;
  min-width: 98px;
}

.product-card__actions .dl-compare-btn .b-compare__text,
.buybox .dl-compare-btn .b-compare__text {
  display: inline;
}

.product-card__actions .js-add-compare-button.active,
.product-card__actions .js-add-compare-button.is-on,
.buybox .buybox__toolbar .js-add-compare-button.active,
.buybox .buybox__toolbar .js-add-compare-button.is-on,
.product-related .js-add-compare-button.active,
.product-related .js-add-compare-button.is-on {
  background: #1a1917;
  border-color: #1a1917;
  color: #fff;
}

.buybox .buybox__toolbar .js-add-compare-button.active .b-compare__icon,
.buybox .buybox__toolbar .js-add-compare-button.is-on .b-compare__icon {
  color: #fff;
}

.dl-compare-btn--pulse {
  animation: dl-compare-pulse 240ms ease-out;
}

.dl-compare-count--bump {
  animation: dl-compare-count-bump 280ms ease-out;
}

.dl-compare-header--bump {
  animation: dl-compare-header-bump 280ms ease-out;
}

@keyframes dl-compare-pulse {
  0% { transform: scale(1); }
  40% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

@keyframes dl-compare-count-bump {
  0%, 100% { transform: scale(1); }
  45% { transform: scale(1.28); }
}

@keyframes dl-compare-header-bump {
  0%, 100% { transform: scale(1); }
  40% { transform: scale(1.04); }
}

.dl-compare-toast {
  position: fixed;
  left: 50%;
  bottom: calc(var(--m-bottom-h, 79px) + 16px + env(safe-area-inset-bottom, 0px));
  z-index: 240;
  transform: translate(-50%, 10px);
  opacity: 0;
  pointer-events: none;
  max-width: min(360px, calc(100vw - 32px));
  padding: 12px 16px;
  border-radius: 10px;
  background: #2f2f2f;
  color: #fff;
  font-family: Manrope, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  transition: opacity 180ms ease, transform 180ms ease;
}

.dl-compare-toast.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;
}

.dl-compare-toast__link {
  color: #fff;
  text-decoration: none;
}

.dl-compare-toast__link:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .dl-compare-toast {
    bottom: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dl-compare-btn--pulse,
  .dl-compare-count--bump,
  .dl-compare-header--bump {
    animation: none;
  }
}