/* CarJoy – regole aggiuntive per le pagine PHP (le card ora sono link veri) */
a.car-card { display: block; color: inherit; text-decoration: none; }
.car-card h3.car-name { margin: 0; }

/* briciole di pane */
.crumbs { padding-top: 14px; padding-bottom: 14px; font-size: 13px; color: #777; }
.crumbs a { color: #555; text-decoration: none; }
.crumbs a:hover { text-decoration: underline; }
.crumbs span { margin: 0 4px; }

/* testo descrittivo delle pagine (SEO) */
.seo-text { max-width: 860px; margin: 0 auto; color: #444; font-size: 16px; line-height: 1.75; }
.seo-text h2 { font-size: 26px; font-weight: 800; color: #1e2133; margin: 32px 0 12px; }
.seo-text h3 { font-size: 18px; font-weight: 700; color: #1e2133; margin: 22px 0 8px; }
.seo-text p { margin-bottom: 14px; }
.seo-text ul { margin: 0 0 14px 20px; }
.seo-text li { margin-bottom: 6px; }

/* scheda auto / offerta */
.scheda { display: grid; grid-template-columns: 1.3fr 1fr; gap: 40px; align-items: start; }
.scheda h1 { font-size: clamp(26px, 3.5vw, 38px); font-weight: 900; color: #1e2133; line-height: 1.15; margin-bottom: 6px; }
.scheda-box { position: sticky; top: 20px; background: #fff; border: 2px solid #eee; border-radius: 8px; padding: 24px; }
.scheda .m-specs { grid-template-columns: repeat(2, 1fr); }
.scheda .m-cta .btn-yellow, .scheda .m-cta .btn-dark { text-align: center; }
.scheda-altre { margin-top: 8px; }

/* filtri sulla pagina auto in vendita */
.car-card.nascosta { display: none; }

@media (max-width: 860px) {
  .scheda { grid-template-columns: 1fr; gap: 24px; }
  .scheda-box { position: static; }
  .gal-main { height: 240px; }
}

/* card servizi in home: ora sono link (la card scura mantiene il testo bianco) */
a.svc-card { display: block; color: inherit; text-decoration: none; }