/* =====================================================================
   CARDS — transitions, dark card surfaces, hover
   ===================================================================== */

/* --- Transition base --- */
:where(.vehicle-card,.dag-inv-card,.inventory-card,.cyp-card,
  .home-featured__card,.home-brands__item,.team-card,.testimonial-card,
  .contact-info__item,.faq-item,.dag-section,.dag-lead,.thankyou-card,
  .legal-article,.dag-hours,.dag-notice) {
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background-color .22s ease,
    filter .22s ease;
}

/* --- Dark card surface --- */
:where(.vehicle-card,.dag-inv-card,.inventory-card,.cyp-card,
  .home-featured__card,.home-brands__item,.team-card,.testimonial-card,
  .contact-info__item,.faq-item,.dag-section,.dag-lead,.thankyou-card,
  .legal-article,.dag-hours,.dag-notice) {
  background: linear-gradient(180deg,#14171d 0%,#0f1116 100%);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-card);
}

/* --- Hover lift --- */
:where(.vehicle-card,.dag-inv-card,.inventory-card,.cyp-card,
  .team-card,.testimonial-card,.contact-info__item,.faq-item,
  .legal-article,.dag-hours,.dag-notice):hover {
  transform: translateY(-4px);
  border-color: rgba(242,183,5,.28);
  box-shadow: var(--shadow-card-hover);
}

/* --- 3D preserve for featured/brands (JS tilt) --- */
.home-featured__card,
.home-brands__item {
  transform-style: preserve-3d;
  will-change: transform, box-shadow, filter;
}

.home-featured__card:hover,
.home-brands__item:hover {
  transform: none;
}