:root {
  --c1:#FFCDB2; /* jasny pastel */
  --c2:#FFB4A2; /* ciepły róż */
  --c3:#E5989B; /* przygaszony róż */
  --c4:#B5838D; /* fioletowo-śliwkowy */
  --bg:#fffdfc;
  --text:#2b1e2b;
  --muted:#5d4a5a;
  --radius:14px;
}

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

.container{max-width:1100px;margin:0 auto;padding:0 20px}

/* Header */
.site-header{position:sticky;top:0;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.06);z-index:10}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
.brand{display:inline-block;align-items:center;text-decoration:none;color:var(--text);align-items:center; flex-wrap:nowrap;}
.brand img{height:136px;margin-right:40px}
.brand svg{height:136px;margin-right:40px;display:block}
.site-title{font-weight:700;letter-spacing:.2px}
.site-nav a{margin-left:16px;text-decoration:none;color:var(--c4)}
.site-nav a:hover{color:var(--c3)}

/* Hero */
.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:60px 0;background:linear-gradient(120deg, rgba(255,205,178,.45), rgba(255,180,162,.35))}
.hero-img{width:100%;border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.hero-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}
.hero .btn{margin-top:10px}

/* Features */
.features{padding:40px 0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border-radius:var(--radius);padding:20px;box-shadow:0 10px 24px rgba(0,0,0,.06)}

/* About */
.about{padding:40px 0}
.about-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}
.about-img{width:100%;border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.1)}

/* Facemodeling */
.facemodeling{padding:40px 0}
.facemodeling-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}
.facemodeling-img{width:100%;border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.1)}

/* Facemodeling-details */
.facemodeling-details{padding:40px 0}
.facemodeling-details-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}
.facemodeling-details-img{width:100%;border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.1)}

/* Peeling kawitacyjny */
.peeling-kawitacyjny{padding:40px 0}
.peeling-kawitacyjny-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}
.peeling-kawitacyjny-img{width:100%;border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.1)}

/* Konsultacja kosmetologiczna */
.konsultacja-kosmetologiczna{padding:40px 0}
.konsultacja-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}
.konsultacja-img{width:100%;border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.1)}
.konsultacja-faq{padding:40px 0}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.faq-item{background:#fff;border-radius:var(--radius);padding:16px;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.faq-item h3{margin-top:0;font-size:1.1rem}
.faq-item p{margin:0.5rem 0}

/* Ozonoterapia */
.ozonoterapia{padding:40px 0}
.ozonoterapia-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}
.ozonoterapia-img{width:100%;border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.1)}
.ozonoterapia-faq{padding:40px 0}

/* Menu / Oferta */
.menu{padding:40px 0}
.notice{background:#fff;border-left:6px solid var(--c2);padding:12px 14px;border-radius:10px;color:var(--muted)}
.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.menu-item{display:flex;gap:16px;background:#fff;border-radius:var(--radius);padding:14px;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.menu-item img{width:120px;height:120px;object-fit:cover;border-radius:12px}
.price{display:inline-block;background:var(--c4);color:#fff;padding:6px 10px;border-radius:999px;font-weight:700}

/* Kontakt */
.contact{padding:40px 0}
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-img{width:100%;border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.1)}
.contact-box{background:#fff;border-radius:var(--radius);padding:20px;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.contact-form label{display:block;margin-bottom:10px}
.contact-form input, .contact-form textarea{width:100%;padding:10px;border:1px solid #ecd8e0;border-radius:10px}
.contact-form .btn{margin-top:8px}
.form-status.ok{color:green}.form-status.err{color:#b00020}

/* Buttons */
.btn{display:inline-block;background:var(--c4);color:#fff;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:600;box-shadow:0 8px 18px rgba(181,131,141,.35)}
.btn:hover{background:var(--c3)}

/* Footer */
.site-footer{padding:24px 0;background:#fff;text-align:center;color:#333;box-shadow:0 -6px 20px rgba(0,0,0,.05)}

/* QR pages tweaks */
.qr-page .menu-grid{grid-template-columns:1fr}
.qr-page .contact-box{max-width:680px;margin:0 auto}

/* Animations */
.fade-up{opacity:0;transform:translateY(14px);transition:all .7s ease}
.fade-up.visible{opacity:1;transform:none}

/* Responsive */
@media (max-width:980px){
  .hero{grid-template-columns:1fr}
  .hero-wrap, .facemodeling-wrap, .konsultacja-wrap, .peeling-kawitacyjny-wrap, .about-wrap, .ozonoterapia-wrap, .contact-wrap{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .menu-grid{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .site-nav{display:none}
}