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

/* Hero banner — identical pattern to about.html / contact.html */

/* Legal content */
.policy-section{padding:56px 0 24px;}
.policy-content{max-width:820px;margin:0 auto;}
.policy-updated{font-size:13.5px;color:var(--gray-500);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:10px 16px;display:inline-flex;align-items:center;gap:8px;margin-bottom:36px;}
.policy-block{margin-bottom:32px;}
.policy-block h2{font-size:20px;font-weight:700;color:var(--gray-900);margin-bottom:12px;}
.policy-block p{font-size:15px;line-height:1.8;color:var(--gray-700);margin-bottom:12px;}
.policy-block ul{margin:0 0 12px 22px;padding:0;}
.policy-block ul li{font-size:15px;line-height:1.8;color:var(--gray-700);margin-bottom:4px;}
.policy-block a{color:var(--orange-dark);font-weight:600;}
.policy-block a:hover{text-decoration:underline;}
.policy-contact-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:24px 28px;margin-top:8px;}
.policy-contact-card p{margin-bottom:6px;}

@media(max-width:600px){
  .policy-section{padding:36px 0 8px;}
  .policy-block h2{font-size:18px;}
  .policy-block p,.policy-block ul li{font-size:14px;}
  .policy-contact-card{padding:20px;}
}