/**
 * device-cards.css — BEM: device-cards (carte Android / iOS compatte)
 */
.device-cards__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--card-gap);
  margin-top: var(--h2-text-gap);
}
@media (min-width: 560px) {
  .device-cards__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.device-card {
  background-color: var(--color-surface);
  border-radius: var(--card-radius);
  padding: var(--card-padding);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
}
.device-card__image {
  width: 3.5rem;
  height: 3.5rem;
  object-fit: contain;
  border-radius: var(--radius-sm);
  background-color: var(--color-bg-dark);
  padding: 0.5rem;
}
.device-card__title {
  color: var(--color-gold);
  font-weight: 700;
  font-size: 1.0625rem;
}
.device-card__list {
  list-style: disc;
  padding-left: 1.125rem;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.85);
}
.device-card__list li {
  margin-bottom: 0.375rem;
}
.device-card__list li:last-child {
  margin-bottom: 0;
}
.device-card__cta {
  margin-top: 0.25rem;
  align-self: stretch;
}