/* =====================================================================
   AE PERFORMANCE SUPPLY — Plain content pages
   (about, contact, privacy-policy, returns, shipping-policy, deals)
   ===================================================================== */

.content-shell { padding: 40px 0 80px; max-width: 760px; margin: 0 auto; }
.content-shell h1 { font-size: 32px; margin-bottom: 8px; }
.content-shell .content-lede { font-size: 16px; color: var(--ink-muted); margin-bottom: 32px; }
.content-shell h2 { font-size: 20px; margin: 32px 0 12px; }
.content-shell h3 { font-size: 16px; margin: 20px 0 8px; }
.content-shell p { font-size: 15px; line-height: 1.7; color: var(--ink); margin-bottom: 14px; }
.content-shell ul, .content-shell ol { margin: 0 0 14px 20px; font-size: 15px; line-height: 1.7; color: var(--ink); }
.content-shell li { margin-bottom: 6px; }
.content-shell a { color: var(--secondary); }
.content-shell strong { font-weight: 600; }
.content-shell .updated-note { font-size: 12.5px; color: var(--ink-faint); margin-bottom: 28px; }

.content-cards { display: grid; gap: 16px; grid-template-columns: 1fr; margin: 24px 0; }
@media (min-width: 640px) { .content-cards { grid-template-columns: 1fr 1fr; } }
.content-card {
  border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 20px;
  background: var(--surface);
}
.content-card h3 { margin-top: 0; }
.content-card p { margin-bottom: 8px; font-size: 14px; }
.content-card a.btn { margin-top: 8px; }

/* ---- Contact page ------------------------------------------------------ */
.contact-grid { display: grid; gap: 32px; grid-template-columns: 1fr; }
@media (min-width: 720px) { .contact-grid { grid-template-columns: 1fr 340px; } }
.contact-channels { display: flex; flex-direction: column; gap: 18px; }
.contact-channel { border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 18px; }
.contact-channel h3 { margin-top: 0; margin-bottom: 6px; }
.contact-channel p { margin-bottom: 4px; font-size: 14px; }

/* ---- Deals page ---------------------------------------------------------*/
.deal-banner {
  background: var(--ink); color: #fff; border-radius: var(--radius-lg); padding: 28px;
  margin-bottom: 28px;
}
.deal-banner h2 { color: #fff; margin-top: 0; }
.deal-banner p { color: #D7DCE1; margin-bottom: 0; }
.deal-code {
  display: inline-block; font-family: var(--font-mono); font-weight: 700; letter-spacing: 0.06em;
  background: rgba(255,255,255,0.12); border: 1px dashed rgba(255,255,255,0.4);
  padding: 6px 12px; border-radius: var(--radius-sm); margin-top: 10px;
}