/* СердцеДом — базовые стили */
:root{
  --primary:#c0392b;
  --primary-700:#a83228;
  --dark:#1f2a37;
  --light:#f7f7f9;
  --muted:#6b7280;
  --card:#ffffff;
  --radius:14px;
  --shadow:0 8px 24px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
  color:var(--dark);
  background:#fff;
  line-height:1.6;
}
img{max-width:100%;display:block}
.container{width:100%;max-width:1100px;margin:0 auto;padding:0 16px}
header,footer{background:#fff}

.site-header{position:sticky;top:0;z-index:1000;border-bottom:1px solid #eee}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.brand-logo{height:36px;width:auto}
.brand-logo.small{height:28px}
.brand-name{font-weight:800;letter-spacing:.2px}

.site-nav ul{display:flex;align-items:center;gap:18px;list-style:none;margin:0;padding:0}
.site-nav a{color:var(--dark);text-decoration:none}
.site-nav a.active{color:var(--primary)}
.btn{display:inline-block;padding:10px 16px;border-radius:10px;text-decoration:none;border:1px solid #ddd;color:var(--dark);transition:.2s background,.2s color,.2s border}
.btn:hover{border-color:#ccc}
.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-700);border-color:var(--primary-700)}
.btn-outline{background:#fff;border-color:#cfd2d6;color:var(--dark)}
.btn-lg{padding:14px 20px;font-weight:600}
.btn-sm{padding:8px 12px}

.nav-toggle{display:none;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px}

.hero{padding:40px 0;background:var(--light)}
.hero .lead{font-size:1.15rem;color:#374151}
.actions{display:flex;gap:10px;margin:14px 0 6px}
.benefits{display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:12px 0 0;list-style:none}
.benefits li{background:#fff;border:1px solid #eee;border-radius:999px;padding:8px 12px;font-size:.95rem}

.section{padding:56px 0}
.section.alt{background:var(--light)}
.page-hero{padding:36px 0;border-bottom:1px solid #eee}

.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:1.2fr .8fr}
.grid-3{grid-template-columns:repeat(3,1fr)}

.card{background:var(--card);border:1px solid #eee;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.rounded{border-radius:var(--radius)}
.mt-12{margin-top:12px}
.mt-24{margin-top:24px}
.center{text-align:center}

.step{position:relative;padding:18px;background:#fff;border:1px solid #eee;border-radius:var(--radius);box-shadow:var(--shadow)}
.step-num{position:absolute;top:-12px;left:-12px;background:var(--primary);color:#fff;border-radius:999px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 4px 12px rgba(192,57,43,.4)}

.quote{font-style:italic}
.quote cite{display:block;margin-top:8px;color:var(--muted)}

.note{margin-top:14px;color:#374151;background:#fff;border-left:4px solid var(--primary);padding:10px 12px;border-radius:8px}

.list{padding-left:18px}

.form{max-width:900px;margin:0 auto}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;font-size:16px}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(192,57,43,.12)}
.form-check{flex-direction:row;align-items:flex-start;gap:10px}
.form-actions{display:flex;align-items:center;gap:12px}

.faq details{background:#fff;border:1px solid #eee;border-radius:12px;padding:12px 14px;margin-bottom:12px}
.faq summary{cursor:pointer;font-weight:600}

.site-footer{border-top:1px solid #eee}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0}
.footer-nav{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.footer-nav a{color:#374151;text-decoration:none}
.disclaimer{padding:8px 0 24px}
.muted{color:var(--muted)}
.tiny{font-size:.85rem}

.responsive{width:100%;height:auto}

.toc{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.toc a{padding:6px 10px;border:1px solid #e5e7eb;border-radius:999px;text-decoration:none;color:#374151;background:#fff}

/* Адаптив */
@media (max-width: 980px){
  .grid-2{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .nav-toggle{display:block}
  .site-nav{display:none;position:absolute;left:0;right:0;top:62px;background:#fff;border-bottom:1px solid #eee}
  .site-nav ul{flex-direction:column;align-items:flex-start;padding:10px 16px}
  .site-nav.open{display:block}
  .hero{padding-top:10px}
}