/* Общие стили коммерческих посадочных страниц EcoStroyDom (лёгкие, без зависимостей). */
*{box-sizing:border-box;margin:0;padding:0}
html,body{font-family:Manrope,system-ui,sans-serif;color:#1A1A1A;line-height:1.55;background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.accent{color:#1B9A5E}
.muted{color:#5A6B65}

/* Breadcrumbs */
.crumbs{font-size:13px;color:#8A9490;padding:14px 0}
.crumbs a{text-decoration:none;color:#1B9A5E}
.crumbs span{opacity:.6}

/* Hero */
.hero{background:linear-gradient(135deg,#0E1410 0%,#1A2420 100%);color:#fff;padding:44px 0 52px}
.hero h1{font-size:clamp(26px,4.4vw,40px);font-weight:800;line-height:1.15;margin-bottom:14px}
.hero p{font-size:17px;color:#C4C9CD;max-width:720px;margin-bottom:22px}
.hero .price{display:flex;align-items:baseline;gap:8px;margin:0 0 22px}
.hero .price__num{font-size:clamp(34px,6vw,52px);font-weight:800;color:#2DDB85}
.hero .price__unit{font-size:17px;color:#B8BDC2}
.hero .price__note{display:block;font-size:13px;color:#8A9490;margin-top:4px}

/* Buttons */
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.cta{display:inline-flex;align-items:center;gap:8px;background:#2DDB85;color:#06130C;font-weight:700;padding:15px 28px;border-radius:10px;text-decoration:none;font-size:16px;box-shadow:0 8px 24px rgba(45,219,133,.28)}
.cta:hover{transform:translateY(-1px)}
.cta--wa{background:#25D366;color:#fff}
.cta--ghost{background:transparent;color:#fff;box-shadow:none;border:1px solid #2f3c35}

/* Sections */
.section{padding:52px 0}
.section--alt{background:#F5F7F6}
.section h2{font-size:clamp(23px,3.4vw,30px);font-weight:800;margin-bottom:10px}
.section .lead{color:#5A6B65;margin-bottom:26px;max-width:760px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:#fff;border:1px solid #E6EAE8;border-radius:12px;padding:22px}
.card h3{font-size:17px;font-weight:700;margin-bottom:8px}
.card p{color:#5A6B65;font-size:15px}
.section--alt .card{background:#fff}

/* Images */
.media{display:block;width:100%;max-height:360px;object-fit:cover;border-radius:12px;border:1px solid #E6EAE8;margin:0 0 22px}
.media--contain{object-fit:contain;max-height:300px;background:#F5F7F6;padding:16px}
.card__media{width:100%;height:170px;object-fit:cover;border-radius:8px;margin-bottom:12px;border:1px solid #E6EAE8}

/* Spec / price table */
.tbl{width:100%;border-collapse:collapse;font-size:15px;background:#fff;border:1px solid #E6EAE8;border-radius:12px;overflow:hidden}
.tbl th,.tbl td{padding:12px 14px;text-align:left;border-bottom:1px solid #EEF1F0}
.tbl th{background:#0E1410;color:#fff;font-weight:600}
.tbl tr:last-child td{border-bottom:0}
.tbl b{color:#1B9A5E}

/* USP list */
.usp{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #E6EAE8;border-left:4px solid #2DDB85;padding:14px 18px;border-radius:8px;margin-bottom:10px}
.usp b{color:#1A1A1A}

/* FAQ */
.faq details{background:#fff;border:1px solid #E6EAE8;border-radius:10px;padding:14px 18px;margin-bottom:10px}
.faq summary{font-weight:700;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq p{color:#5A6B65;margin-top:10px}

/* CTA band */
.band{background:#0E1410;color:#fff;text-align:center;padding:46px 0}
.band h2{color:#fff}
.band p{color:#B8BDC2;margin:10px 0 22px}
.band .ctas{justify-content:center}

/* Footer */
.footer{background:#0E1410;color:#8A9490;padding:30px 0;font-size:14px;text-align:center}
.footer a{color:#2DDB85;text-decoration:none}

/* Sticky WA */
.sticky-cta{position:fixed;bottom:16px;right:16px;z-index:100;background:#25D366;color:#fff;padding:13px 19px;border-radius:999px;font-weight:700;text-decoration:none;box-shadow:0 8px 24px rgba(37,211,102,.4)}

@media(max-width:720px){.hero{padding:30px 0 38px}.section{padding:38px 0}}