/* Economy Transmission & Auto Repair — website-clean baseline styles.
 * The Claude Design export keeps every layout style inline on each element,
 * so this file only holds site-wide defaults and the mobile-nav toggle rules
 * (et-topbar / et-desknav / et-menubtn) needed to switch to the hamburger
 * on small screens. */

html, body { margin: 0; padding: 0; background: #141517; }
body {
  font-family: 'Barlow', sans-serif;
  color: #e9e6e0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  line-height: 1.5;
}
*, *::before, *::after { box-sizing: border-box; }
img { display: block; max-width: 100%; height: auto; }
a { color: #e8912a; text-decoration: none; }
a:hover { color: #e64c4c; }
::selection { background: #d92626; color: #141517; }
h1, h2, h3, h4, h5, h6, p, ul, ol { margin: 0; }
ul, ol { padding: 0; list-style: none; }

/* Mobile-nav toggle — desktop shows .et-topbar + .et-desknav, mobile swaps
 * to .et-menubtn. The design ships all three classes but the visibility
 * switch is our job. */
.et-menubtn { display: none; }
@media (max-width: 940px) {
  .et-topbar { display: none !important; }
  .et-desknav { display: none !important; }
  .et-menubtn { display: flex !important; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; }
  html { scroll-behavior: auto; }
}