/* --- Apple card --- */
.card-apple {
  background: var(--bg-card);
  border: 1px solid var(--border-card);
  border-radius: 18px;
  transition: transform 0.3s var(--ease-apple, cubic-bezier(0.28, 0.11, 0.32, 1)), box-shadow 0.3s var(--ease-apple, cubic-bezier(0.28, 0.11, 0.32, 1)), border-color 0.3s var(--ease-apple, cubic-bezier(0.28, 0.11, 0.32, 1));
}
.card-apple:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
  border-color: var(--border-hover);
}
[data-theme="dark"] .card-apple:hover {
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45);
}