/* Simple, responsive styles focused on clarity */
:root{
  --bg:#fff;
  --muted:#666;
  --accent:#d35400;
  --accent-dark:#b03b00;
  --card:#f8f8f8;
  --max-width:1100px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#222;line-height:1.5;font-size:16px}
.container{max-width:var(--max-width);margin:0 auto;padding:16px}
.top-marquee{position:sticky;top:0;background:#111;color:#fff;padding:6px 0;z-index:60;overflow:hidden}
.marquee-inner{white-space:nowrap;display:inline-block;animation:marquee 25s linear infinite}
@keyframes marquee{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.header-row{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.logo{height:42px}
.brand-text{font-weight:600}
.site-header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:40px;z-index:55}
.site-header.small{position:static;top:auto}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:12px;align-items:center}
.main-nav a{color:var(--muted);text-decoration:none;padding:10px;border-radius:6px}
.main-nav a.contact-btn{background:var(--accent);color:#fff;padding:8px 12px}
.hero{background:linear-gradient(90deg,#fff 60%, #f7f7f7);padding:28px 0}
.hero-inner{display:flex;gap:20px;align-items:center}
.hero-copy h1{margin:0 0 10px;font-size:28px}
.hero-media img{max-width:340px;width:100%;border-radius:8px}
.btn{display:inline-block;padding:10px 14px;border-radius:8px;border:1px solid transparent;text-decoration:none;cursor:pointer}
.btn.primary{background:var(--accent);color:#fff}
.btn.outline{background:transparent;border:1px solid var(--accent);color:var(--accent)}
.btn.ghost{background:transparent;border:1px solid #ddd}
.main-grid{display:grid;grid-template-columns:1fr 360px;gap:24px;padding:20px 16px}
.about-card, .services-preview{background:var(--card);padding:16px;border-radius:8px}
.cards{display:flex;gap:12px}
.card{background:#fff;padding:12px;border-radius:8px;flex:1;text-align:center}
.card img{max-width:100%;height:90px;object-fit:cover;border-radius:6px}
.contact-card{background:#fff;padding:12px;border-radius:8px}
.footer-grid{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;padding:20px 0;border-top:1px solid #eee}
.site-footer{padding:16px 0}
.logo-small{height:36px}
.whatsapp-fab{position:fixed;right:18px;bottom:18px;background:#25d366;padding:12px;border-radius:50%;z-index:70;box-shadow:0 6px 18px rgba(0,0,0,0.15)}
.whatsapp-fab img{height:28px}
.cookie-bar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #eee;padding:12px 0;z-index:70;box-shadow:0 -6px 18px rgba(0,0,0,0.06)}
.cookie-inner{display:flex;gap:16px;align-items:center;justify-content:space-between}
.map-wrap iframe{width:100%;height:220px;border:0;border-radius:8px}
.contact-grid{display:grid;grid-template-columns:1fr 380px;gap:16px}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:10px;margin:6px 0 12px;border:1px solid #ddd;border-radius:6px}
.form-actions{display:flex;gap:8px;justify-content:flex-end}
.content{padding:24px 16px}
.small p{margin:0}
@media(max-width:900px){
  .main-grid{grid-template-columns:1fr; }
  .contact-grid{grid-template-columns:1fr}
  .hero-inner{flex-direction:column}
  .top-marquee{display:none}
}