:root{--blue:#2B9FD9;--blue-dark:#1E7BB0;--blue-light:#EBF6FC;--orange:#F7941D;--orange-dark:#D97D0A;--cream:#FEF9F2;--ink:#1A1A2E;--ink-muted:#374151;--stone:#6B7280;--border:#E2E8F0;--font-h:'Playfair Display',Georgia,serif;--font-b:'Inter',sans-serif;--maxw:980px;--radius:16px;--shadow:0 8px 24px rgba(26,26,46,.1)}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-b);color:var(--ink-muted);line-height:1.7;background:#fff}
h1,h2,h3{font-family:var(--font-h);color:var(--ink);line-height:1.2}a{color:var(--blue-dark);text-decoration:none}img{max-width:100%;display:block}
.bar{border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);z-index:10}
.bar .in{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:16px}
.bar img{height:52px;width:auto}.bar .back{margin-left:auto;font-weight:600;font-size:.9rem}
.hero{background:linear-gradient(165deg,#fff,var(--blue-light) 60%,var(--cream));padding:60px 24px}
.hero .in{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:center}
.hero img{width:300px;height:360px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
.eyebrow{display:inline-block;font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-dark);background:#FEF3E8;padding:7px 15px;border-radius:9999px}
.hero h1{font-size:clamp(2rem,4vw,3rem);margin:16px 0 12px}.hero p{font-size:1.1rem;color:var(--ink-muted)}
.body{max-width:var(--maxw);margin:0 auto;padding:56px 24px}
.body h2{font-size:1.5rem;margin:34px 0 12px}.body p{margin-bottom:16px}
.note{background:var(--cream);border-left:3px solid var(--orange);border-radius:10px;padding:18px 22px;margin:24px 0;font-style:italic;color:var(--ink)}
.cta{background:var(--ink);color:#fff;text-align:center;padding:56px 24px}
.cta h2{color:#fff;margin-bottom:16px}
.btn{display:inline-flex;gap:8px;align-items:center;background:var(--orange);color:#fff;font-weight:600;padding:13px 26px;border-radius:9999px}
.mock{background:#FEF3E8;color:#92400e;text-align:center;font-size:.8rem;padding:7px}
@media(max-width:720px){.hero .in{grid-template-columns:1fr}.hero img{width:100%;height:auto}}

/* shared compact footer */
.wa{width:56px;height:56px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 26px rgba(37,211,102,.45)}
.wa svg{width:28px;height:28px;fill:#fff}
@media(max-width:720px){.foot-grid{grid-template-columns:1fr}}
/* canonical footer (see FOOTER-SPEC.md), overrides earlier footer CSS */
@media(max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr}}
/* topbar (shared, thin) — see FOOTER-SPEC.md */
@media(max-width:560px){.topbar .tleft{display:none}}

/* ===== CANONICAL header/footer (HEADER-SPEC + FOOTER-SPEC) ===== */
@media(max-width:560px){.topbar .tleft{display:none}}
.entry-content,.entry-content-wrap{margin:0!important;padding:0!important;max-width:none!important}
@media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr;gap:22px}.foot-bottom{flex-direction:column;align-items:flex-start;text-align:left;gap:10px}.footer p.about{max-width:none}}
html,body{max-width:100%;overflow-x:clip}

/* Brevo embed wrapper (Variant A) */
.jv-brevo{background:#fff;border:1px solid var(--border,#E2E8F0);border-radius:16px;padding:14px;box-shadow:0 10px 30px rgba(16,42,67,.08)}
.jv-brevo iframe{min-height:305px}
.jv-brevo-alt{margin:10px 2px 0;font-size:.85rem;color:var(--stone,#64748b);text-align:center}
.jv-brevo-alt a{color:var(--blue-dark,#1E7BB0);font-weight:700}

/* jv-width-parity: контейнеры темы не должны сужать страницу, как на главной */
main.wrap,.content-area,.content-container.site-container,.site-main,.content-wrap,.entry-content-wrap,.entry-content{width:100%!important;max-width:100%!important}
