/* MCE - Mobile Carwash Experts - simple rebuild
   Color scheme: light beige background with red accents */
:root{
  --bg:#fbf8f4;
  --card:#ffffff;
  --accent:#c8102e; /* red */
  --muted:#6b6b6b;
  --container:1100px;
}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, "Helvetica Neue", Arial; margin:0; background:var(--bg); color:#111;}
.container{max-width:var(--container); margin:0 auto; padding:2rem;}
.site-header{background:transparent; padding:1rem 0; position:sticky; top:0; z-index:10;}
.site-header .container{display:flex; align-items:center; justify-content:space-between;}
.brand{font-weight:700; color:var(--accent); text-decoration:none;}
.brand span{color:#222; font-weight:600; margin-left:6px;}
.main-nav a{margin-left:1rem; text-decoration:none; color:#222;}
.main-nav .cta{padding:.5rem .8rem; border-radius:8px; background:var(--accent); color:#fff; margin-left:1rem; text-decoration:none;}
.hero{display:flex; gap:2rem; align-items:center; padding:3rem 0; position:relative;}
.hero .container{flex:1;}
.hero h1{font-size:2.2rem; margin:0 0 .5rem;}
.hero p.lead{color:var(--muted)}
.hero-img{position:absolute; right:2rem; top:10px; width:360px; max-width:40%; border-radius:8px; box-shadow:0 6px 20px rgba(0,0,0,.08);}

/* sections */
.grid-section h2{text-align:center;}
.lede{color:var(--muted); text-align:center; margin-bottom:1.2rem}
.cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem;}
.card{background:var(--card); padding:1.2rem; border-radius:10px; box-shadow:0 8px 20px rgba(16,24,40,0.04);}
.card h3{margin-top:0;}
.link{display:inline-block; margin-top:.6rem; color:var(--accent); text-decoration:none; font-weight:600;}
.testimonials{padding:2rem 0;}
.quote{background:var(--card); padding:1rem; border-radius:8px; margin-bottom:.6rem; box-shadow:0 6px 16px rgba(0,0,0,.03);}

/* contact */
.contact form{display:block; gap:.8rem;}
.row{display:flex; gap:.8rem; margin-bottom:.8rem;}
.row input, .row select, textarea{flex:1; padding:.7rem; border-radius:8px; border:1px solid #e6e6e6;}
textarea{min-height:120px; padding:.8rem;}
.checkbox{display:block; margin:0.6rem 0;}
.btn{background:var(--accent); color:#fff; padding:.7rem 1rem; border-radius:10px; border:none; cursor:pointer; text-decoration:none;}
.btn.ghost{background:transparent; color:var(--accent); border:1px solid var(--accent);}

/* footer */
.site-footer{padding:1.2rem 0; background:transparent; color:var(--muted); font-size:.9rem;}

/* responsive */
@media (max-width:800px){
  .hero{flex-direction:column; padding:2rem 1rem;}
  .hero-img{position:static; width:100%; max-width:none; order:2; margin-top:1rem;}
  .row{flex-direction:column;}
  .main-nav{display:none;}
}