/* =========================
   MobilePrices Card System
========================= */

.card{
  background: var(--surface);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.card--padded{
  padding: var(--space-6);
  margin-bottom: 20px;
}

.card--hover:hover{
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
  transition: transform .15s ease, box-shadow .15s ease;
}

.section-head{ display:grid; gap: 6px; margin-bottom: var(--space-4); }
.section-head__title{ color: var(--text); }
.section-head__desc{ color: var(--muted); }

@media (max-width: 768px){
  .card--padded{ padding: var(--space-5); }
}