/* ============================================================
   faq.html — page-specific rules only.
   Reuses shared classes from home.css (.container, .faq-list,
   .faq-item, .faq-q, .faq-a, .dealer-banner, .fade-up) and the
   dark hero-banner pattern used on about.html / contact.html.
   ============================================================ */


.faq-page-section{padding:64px 0;background:#fff;}
.faq-page-container{max-width:760px;}
.faq-category{margin-bottom:40px;}
.faq-category:last-child{margin-bottom:0;}
.faq-category h2{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;color:var(--gray-900);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--gray-200);}
.faq-category h2 i{color:var(--orange);font-size:22px;}
.faq-a a{color:var(--orange-dark);font-weight:600;}
.faq-a a:hover{text-decoration:underline;}

@media(max-width:600px){
  .faq-page-section{padding:36px 0;}
  .faq-category h2{font-size:16px;}
}