/* Hana Wa Shifa - website stylesheet */
/* Colors based on visiting card (maroon/gold) */
:root{--accent:#8a2b2b;--gold:#c79a3b;--muted:#f8f6f5;--dark:#222}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;line-height:1.5;margin:0;color:var(--dark);background:var(--muted)}
.container{max-width:1000px;margin:0 auto;padding:18px}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit}
.logo{width:72px;height:72px;object-fit:contain;border-radius:8px}
.logo.small{width:48px;height:48px}
.brand-text h1{margin:0;font-size:20px}
.brand-text .tagline{margin:0;font-size:13px;color:var(--accent);font-style:italic}
.main-nav a{margin-left:14px;text-decoration:none;color:var(--dark)}
.main-nav .btn{background:var(--accent);color:white;padding:8px 12px;border-radius:6px;text-decoration:none}
.hero{padding:36px 0;display:flex;align-items:center;gap:20px}
.hero .hero-content{flex:1}
.hero .hero-image{flex:1;display:flex;align-items:center;justify-content:center}
.card{background:white;padding:16px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.features{padding:32px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card.small{padding:12px}
.preview-services{padding:24px 0}
.site-footer{background:var(--dark);color:white;padding:16px 0}
.footer-inner{display:flex;justify-content:space-between;align-items:center}
.footer-inner a{color:inherit}
.whatsapp{background:#25D366;padding:8px 10px;border-radius:6px;color:#fff;text-decoration:none}
.btn{display:inline-block;padding:10px 14px;border-radius:8px;background:var(--accent);color:#fff;text-decoration:none}
.btn.outline{background:transparent;border:2px solid var(--accent);color:var(--accent)}
.btn.small{padding:8px 10px;font-size:14px}
.contact-grid{display:grid;grid-template-columns:1fr 340px;gap:16px}
.contact-page .contact-card input[type=text],.contact-page .contact-card input[type=tel],.contact-page .contact-card input[type=email],.contact-page .contact-card textarea{width:100%;padding:10px;margin:8px 0;border:1px solid #ddd;border-radius:6px}
.map-wrap{margin-top:12px}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.photo{background:#fff;border-radius:8px;padding:28px;text-align:center}
.splash{position:fixed;inset:0;background:linear-gradient(135deg,var(--accent),#a23b3b);display:flex;align-items:center;justify-content:center;z-index:9999;color:white;flex-direction:column}
.splash img{max-width:220px;margin-bottom:12px}
.splash .tag{font-size:18px;opacity:0.95}
@media(max-width:800px){.header-inner{flex-direction:column;gap:12px}.contact-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;gap:8px}}