/* fx-content.css — эффекты для контентных секций:
 * FAQ, compare, presets, marquee, footer, hero-sale. */

/* ── FAQ: только subtle hover на summary (не трогаем body!) ─────────── */
.faq-item summary { cursor: pointer; }
.faq-item[open] summary { color: var(--accent-mint, #6dd3b1); }

/* ── Compare table: row highlight + scale yes/no ────────────────────── */
.compare tbody tr {
  transition: background .15s;
}
.compare tbody tr:hover {
  background: rgba(46, 166, 255, 0.05);
}
.compare td.yes, .compare td.no {
  transition: transform .2s var(--ease-out, ease-out);
}
.compare tbody tr:hover td.yes {
  transform: scale(1.2);
}

/* ── Preset chips + marquee items ───────────────────────────────────── */
.preset-chip, .marquee-item {
  will-change: transform;
}
.preset-chip:hover {
  transform: translateY(-3px) scale(1.05);
  background: rgba(178, 75, 243, 0.15);
}
.marquee:hover .marquee-track {
  animation-play-state: paused;
}

/* ── Footer ссылки: только подкраска при hover (без arrow / padding) ── */
footer a {
  transition: color .2s var(--ease-out, ease-out);
}
footer a:hover {
  color: var(--accent-mint, #6dd3b1);
}