:root{
  --bg:#f5f9ff;
  --primary:#1a73e8;
  --primary-600:#155ac0;
  --text:#1f2430;
  --muted:#6b7280;
  --card:#ffffff;
  --border:#e5e7eb;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}
.wrap{max-width:1100px;margin:0 auto;padding:2rem 1rem}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:10}
.site-header .brand{display:flex;gap:.75rem;align-items:center;text-decoration:none;color:inherit;padding:0 1rem}
.logo{width:42px;height:42px}
.brand-text strong{font-size:1.15rem;display:block}
.brand-text span{font-size:.8rem;color:var(--muted);}
.site-nav{display:flex;gap:1rem;align-items:center;margin-left:auto}
.site-header,.site-footer .wrap{display:flex;align-items:center;justify-content:space-between}
.site-header .site-nav a{color:var(--text);text-decoration:none;padding:.75rem .5rem;border-radius:.5rem}
.site-header .site-nav a.btn{background:var(--bg);border:1px solid var(--border)}
.lang-ctrl{display:flex;gap:.25rem;padding-right:1rem}
.lang-btn{border:1px solid var(--border);background:#fff;padding:.4rem .6rem;border-radius:.4rem;cursor:pointer}
.lang-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}

.hero{background:linear-gradient(180deg,#eaf3ff,transparent)}
.hero-content{padding:3rem 1rem 2rem 1rem;text-align:left}
.hero h1{font-size:2rem;margin:.2rem 0 0 0}
.hero p{color:var(--muted);max-width:680px}
.hero-cta{display:flex;gap:.75rem;margin-top:1rem}

.cards .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1rem}
.card .price{margin-top:.5rem;font-weight:700;color:var(--primary)}

.calc .calc-form{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;background:#fff;border:1px solid var(--border);padding:1rem;border-radius:.75rem}
.calc .check{display:flex;align-items:center;gap:.5rem}
.calc .calc-result{margin-top:1rem;font-weight:600}
.btn{display:inline-block;padding:.6rem .9rem;border:1px solid var(--border);border-radius:.6rem;text-decoration:none;color:var(--text);background:#fff;cursor:pointer}
.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}
.btn-primary:hover{background:var(--primary-600)}
.btn-small{padding:.4rem .6rem;font-size:.9rem}
.center{text-align:center;margin:1.5rem 0}

.before-after{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.before,.after{height:140px;border-radius:.6rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
.before{background:#a3bffa}
.after{background:#34d399}

.filters{display:flex;gap:.5rem;margin:.5rem 0 1rem}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
.post-form,.calc-form label{display:flex;flex-direction:column;gap:.25rem}
.post-form input,.post-form textarea,.post-form select,
.calc-form input,.calc-form select, .filters input, .filters select{padding:.6rem;border:1px solid var(--border);border-radius:.5rem;background:#fff}
.note{margin-top:1rem;color:var(--primary);font-weight:600}

.site-footer{border-top:1px solid var(--border);background:#fff}
.site-footer .wrap{padding:1rem 1rem}
.footer-links{display:flex;gap:1rem}

.cookie{position:fixed;left:1rem;right:1rem;bottom:1rem;background:#fff;border:1px solid var(--border);border-radius:.7rem;padding:.75rem 1rem;display:flex;gap:.75rem;align-items:center;justify-content:space-between;box-shadow:0 6px 30px rgba(0,0,0,.06)}
.cookie.hide{display:none}

@media (max-width:900px){
  .cards .grid3,.before-after,.grid3,.calc .calc-form{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .site-header{display:block}
  .site-nav{flex-wrap:wrap;padding:0 1rem 1rem 1rem}
  .cards .grid3,.before-after,.grid3,.grid2,.calc .calc-form{grid-template-columns:1fr}
}