/* Motion enhances feedback; no content visibility depends on these styles. */
/* Product cards never move: their action rows stay level during interaction. */
.pcard:hover,
.article-card:hover,
.review-card:hover,
.learning-grid > a:hover,
.pcard__cta:hover,
.pcard__order:hover {
  transform: none;
}

@media (prefers-reduced-motion: no-preference) {
  .pcard {
    transition: border-color 220ms ease, box-shadow 220ms ease;
  }
  .pcard__thumb {
    transition: transform 260ms cubic-bezier(.22, 1, .36, 1);
  }
  .review-card,
  .article-card,
  .learning-grid > a {
    transition: transform 220ms cubic-bezier(.22, 1, .36, 1),
      border-color 220ms ease, box-shadow 220ms ease, background-color 220ms ease;
  }
  .learning-grid b,
  .hero__actions .btn-cta > span[aria-hidden="true"] {
    transition: transform 200ms cubic-bezier(.22, 1, .36, 1);
  }
  .btn-cta,
  .btn-pill,
  .pcard__cta,
  .pcard__order,
  .pcard__copy,
  .copy-product,
  .plan-filters button,
  .btn-mini,
  .dialog__close,
  .nav-toggle {
    transition: transform 150ms ease, color 180ms ease,
      background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
  }
  .btn-cta:active,
  .btn-pill:active,
  .pcard__cta:active,
  .pcard__order:active,
  .pcard__copy:active,
  .copy-product:active,
  .plan-filters button:active,
  .btn-mini:active,
  .dialog__close:active,
  .nav-toggle:active {
    transform: scale(.985);
    transition-duration: 90ms;
  }
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .pcard:hover {
    border-color: #85ad93;
    box-shadow: 0 12px 28px #193c2912;
  }
  .pcard:hover .pcard__thumb {
    transform: scale(1.06);
  }
  .review-card:hover,
  .article-card:hover,
  .learning-grid > a:hover {
    transform: translateY(-3px);
    border-color: #95b59d;
    box-shadow: 0 12px 28px #193c2910;
  }
  .learning-grid > a:hover b,
  .hero__actions .btn-cta:hover > span[aria-hidden="true"] {
    transform: translate(2px, -2px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pcard__thumb,
  .article-card,
  .review-card,
  .learning-grid > a,
  .learning-grid b,
  .hero__actions .btn-cta > span[aria-hidden="true"],
  .btn-cta,
  .btn-pill,
  .pcard__cta,
  .pcard__order,
  .pcard__copy,
  .copy-product,
  .plan-filters button,
  .btn-mini,
  .dialog__close,
  .nav-toggle {
    transform: none !important;
    transition: none !important;
  }
}
