/* Simple pink & feminine theme, mobile-first */
:root{
  --bg:#fff;
  --accent:#ff85c1;
  --accent-dark:#e85aa8;
  --muted:#6b6b6b;
  --max-width:1100px;
  --radius:12px;
  --card-shadow: 0 6px 18px rgba(0,0,0,0.06);
  font-family: "Helvetica Neue", Arial, sans-serif;
}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#222;line-height:1.5}
.container{max-width:var(--max-width);margin:0 auto;padding:1rem}

.site-header{background:linear-gradient(180deg,#fff, #fff);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(0,0,0,0.04)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:0.75rem}
.logo img{height:46px}
.nav{display:none;gap:1rem}
.nav a{color:#222;text-decoration:none;padding:0.5rem 0.6rem;border-radius:8px}
.nav a.active{background:rgba(255,133,193,0.12);color:var(--accent-dark)}
.nav-toggle{background:none;border:0;font-size:1.3rem;display:inline-block}

/* Hero */
.hero{padding:2rem 0;background:linear-gradient(180deg, #fff 0%, #fff0 100%)}
.hero-grid{display:grid;gap:1.2rem;grid-template-columns:1fr;align-items:center}
.hero-text h1{font-size:2rem;margin:0;color:var(--accent-dark)}
.lead{color:var(--muted)}
.hero-image img{width:100%;border-radius:12px;box-shadow:var(--card-shadow)}

.btn{display:inline-block;padding:0.6rem 1rem;border-radius:10px;text-decoration:none;font-weight:600}
.btn-primary{background:var(--accent);color:#fff}
.btn-outline{border:2px solid var(--accent);color:var(--accent);background:transparent}

/* Cards */
.services-preview .cards{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}
.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow)}
.card img{width:100%;height:160px;object-fit:cover}
.card h3{margin:0.6rem;padding:0 1rem}

/* Testimonials */
.test-grid{display:grid;gap:0.8rem}
.test-grid blockquote{background:#fff;padding:1rem;border-radius:10px;box-shadow:var(--card-shadow);margin:0}

/* Footer */
.site-footer{background:#fff;padding:1.2rem 0;border-top:1px solid rgba(0,0,0,0.04)}
.footer-grid{display:grid;gap:1rem;grid-template-columns:1fr;align-items:center}
.footer-logo{height:40px}
.footer-bottom{padding-top:0.6rem;text-align:center;color:var(--muted)}

/* WhatsApp FAB */
.whatsapp-fab{
  position:fixed;right:18px;bottom:18px;background:var(--accent-dark);color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(232,90,168,0.2);z-index:60;text-decoration:none;font-weight:700
}

/* Gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.gallery-grid img{width:100%;height:160px;object-fit:cover;border-radius:10px}

/* Lightbox modal */
.lightbox-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.8);align-items:center;justify-content:center;padding:1rem;z-index:100}
.lightbox-modal img{max-width:95%;max-height:90%;border-radius:8px}
.lb-close{position:absolute;top:18px;right:18px;background:transparent;color:#fff;border:0;font-size:1.6rem}

/* Contact form */
.contact-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}
.contact-form label{display:block;margin-top:0.6rem}
.contact-form input,.contact-form textarea{width:100%;padding:0.6rem;border-radius:8px;border:1px solid #e9e9e9}
.form-actions{display:flex;gap:0.6rem;margin-top:0.8rem}
.form-msg{color:var(--muted);margin-top:0.4rem}

.mobile-nav {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mobile-nav a {
  text-decoration: none;
  color: #222;
  font-weight: 600;
}

.mobile-nav a.active {
  color: #d46a92;
}

.nav-toggle {
  border: none;
  background: transparent;
  font-size: 2rem;
  cursor: pointer;
}

/* Responsive */
@media(min-width:720px){
  .nav{display:flex}
  .nav-toggle{display:none}
  .hero-grid{grid-template-columns:1fr 1fr}
  .services-preview .cards{grid-template-columns:repeat(3,1fr)}
  .gallery-grid{grid-template-columns:repeat(4,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr 1fr}
  .contact-grid{grid-template-columns:1fr 1fr}
}