:root{
  --accent:#18a37f;
  --accent-dark:#0f7d5f;
  --text:#222;
  --muted:#666;
  --maxw:1100px;
  font-family: Inter, system-ui, Arial, sans-serif;
}
*{box-sizing:border-box}
body{margin:0;color:var(--text);line-height:1.5}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 18px}
.topbar{background:#111;color:#fff;padding:10px 0}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:700}
.contact-inline a{color:#fff;text-decoration:none}
.main-nav{display:flex;gap:18px;padding:12px 0;background:#fff;border-bottom:1px solid #eee}
.main-nav a{color:var(--text);text-decoration:none}
.hamb{display:none;background:none;border:none;color:#fff;font-size:20px}
.hero{background:#fafafa;padding:18px 0}
.hero-inner{display:flex;gap:24px;align-items:center}
.hero .hero-text{flex:1}
.hero h1{margin:0 0 8px;font-size:28px}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 16px;border-radius:6px;text-decoration:none}
.hero-carousel{width:45%;overflow:hidden;border-radius:8px}
.hero-carousel img{width:100%;display:block}

/* grid */
.grid-section{padding:30px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.card{background:#fff;border-radius:8px;padding:12px;box-shadow:0 6px 16px rgba(0,0,0,0.06);display:flex;flex-direction:column}
.card img{width:100%;height:150px;object-fit:cover;border-radius:6px;margin-bottom:10px}
.card h3{margin:0 0 6px}
.price{color:crimson;font-weight:700;margin:6px 0}
.more{margin-top:auto;color:var(--accent);text-decoration:none}

/* promo slider */
.promo{padding:18px 0}
.promo-slider{display:flex;gap:12px;overflow:hidden}
.promo-slider img{width:100%;max-height:140px;object-fit:cover;border-radius:6px}

/* footer */
.site-footer{background:#0b0b0b;color:#fff;padding:24px 0}
.footer-grid{display:flex;gap:24px;flex-wrap:wrap}
.footer-grid h4{margin-top:0}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:12px}
.whatsapp{background:#25d366;color:#fff;padding:8px 12px;border-radius:6px;text-decoration:none}

/* responsive */
@media(max-width:900px){
  .hero-inner{flex-direction:column}
  .hero-carousel{width:100%}
  .main-nav{display:none}
  .hamb{display:block}
  .topbar .wrap{gap:8px}
}
.single-treatment img{max-width:100%;height:auto}