
:root{
  --pink:#e9b2c9;
  --pink-deep:#d98bb1;
  --bg:#fff7fb;
  --ink:#211b21;
  --muted:#6d5d69;
  --card:#ffffff;
  --shadow:0 10px 30px rgba(186,128,153,0.15);
  --radius:14px;
  --container:1100px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color:var(--ink);
  background:var(--bg);
  line-height:1.6;
}

h1,h2,h3,h4{
  font-family: "Pacifico", cursive;
  color:#a83f73;
  margin:0 0 10px;
}
p{margin:0 0 12px}
a{color:#a83f73;text-decoration:none}
a:hover{text-decoration:underline}

.container{max-width:var(--container);margin:0 auto;padding:22px}

.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #f0d8e5;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand img{height:52px;border-radius:10px;box-shadow:var(--shadow);object-fit:cover}
.nav{display:flex;gap:16px;align-items:center}
.nav a{padding:8px 12px;border-radius:10px}
.nav .btn{background:var(--pink);color:#fff;box-shadow:var(--shadow)}
.hamburger{display:none;border:none;background:#fff;font-size:22px}

.hero{padding:32px 0;background:linear-gradient(180deg,#fff7fb,#ffffff)}
.hero-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}
.hero-text h1{font-size:2.2rem}
.badges{display:flex;gap:10px;list-style:none;padding:0;margin:12px 0 0}
.badges li{background:#fff;border:1px solid #f0d8e5;padding:6px 10px;border-radius:999px;font-weight:600;color:#8b486a}
.hero-img img{width:100%;border-radius:14px;box-shadow:var(--shadow)}

.guarantee-banner{background:#fff;border-top:1px solid #f0d8e5;border-bottom:1px solid #f0d8e5}
.guarantee-inner{display:flex;gap:16px;align-items:center;justify-content:center;padding:16px 0}
.guarantee-icon{font-size:28px; line-height:1}
.guarantee-text h3{margin:0 0 6px;font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;font-weight:800;color:#8b486a}
.guarantee-text p{margin:0;color:#6d5d69}

.intro{padding:12px 0 24px}
.quick-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px}
.card{background:#fff;border:1px solid #f0d8e5;border-radius:12px;padding:14px;text-align:center;box-shadow:var(--shadow);font-weight:700}

.btn, .btn-outline{display:inline-block;padding:10px 16px;border-radius:12px;font-weight:700;text-decoration:none}
.btn{background:var(--pink);color:#fff;box-shadow:var(--shadow)}
.btn-outline{border:2px solid var(--pink);color:#a83f73;background:transparent}

.page-hero{background:#fff;padding:22px 0;border-bottom:1px solid #f0d8e5}

.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:14px}
.service{background:#fff;border:1px solid #f0d8e5;border-radius:14px;box-shadow:var(--shadow);padding:16px}
.service .list{margin:0;padding-left:18px}
.service .list li{margin:6px 0}

.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.gallery figure{margin:0;background:#fff;border:1px solid #f0d8e5;border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.gallery img{width:100%;display:block;object-fit:cover;height:220px}
.gallery figcaption{padding:10px;color:var(--muted);font-size:.95rem}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.contact-form{background:#fff;border:1px solid #f0d8e5;border-radius:14px;box-shadow:var(--shadow);padding:16px}
.contact-form label{display:block;margin:8px 0}
.contact-form span{display:block;font-weight:700;margin-bottom:6px}
.contact-form input, .contact-form select, .contact-form textarea{width:100%;padding:10px;border:1px solid #ead3df;border-radius:10px;background:#fff}
.hidden{display:none}

.contact-cta{padding:24px 0;background:#fff}
.contact-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}

.site-footer{margin-top:28px;background:#1b0f17;color:#fff}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:10px}
.site-footer a{color:#fff;text-decoration:underline}

@media (max-width:900px){
  .hero-inner{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
  .nav{display:none}
  .hamburger{display:block}
}


/* Sticky Pricing button */
.sticky-pricing {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  display: inline-block;
  padding: 12px 16px;
  background: #222;
  color: #fff;
  text-decoration: none;
  border-radius: 999px;
  box-shadow: 0 4px 12px rgba(0,0,0,.2);
  font-weight: 600;
}
.sticky-pricing:hover { opacity: .9; }
@media (min-width: 800px) {
  .sticky-pricing { right: 24px; bottom: 24px; }
}


/* Sticky bottom contact bar */
.contact-bar {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  justify-content: center;
  background: rgba(255,255,255,0.96);
  box-shadow: 0 -4px 16px rgba(0,0,0,.08);
  z-index: 9998;
}
.contact-bar a {
  display: inline-block;
  padding: 12px 16px;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  border: 1px solid #ddd;
}
.contact-bar .whatsapp { background: #25D366; color: #fff; border-color: #25D366; }
.contact-bar .email { background: #222; color: #fff; border-color: #222; }
body { padding-bottom: 68px; } /* keep content above bar */
