/* ===== BLOG ===== (допълва css/styles.css, ползва същите променливи) */
.blog-meta{display:flex;flex-wrap:wrap;gap:1.2rem;color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:2rem}
.blog-meta i{color:var(--secondary-accent);margin-right:.4rem}
.blog-article{max-width:820px}
.blog-article .blog-lead{font-size:1.25rem;line-height:1.8;color:var(--text-secondary);font-weight:500}
.blog-article h2{margin-top:3.5rem}
.blog-callout{background:var(--bg-color);border:1px solid var(--surface-border);border-left:4px solid var(--secondary-accent);border-radius:16px;padding:1.6rem 2rem;margin:2rem 0}
.blog-callout p{margin:0!important}
.blog-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin:2rem 0 3rem}
.blog-steps .service-feature-card .step-day{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--secondary-accent);margin-bottom:.6rem}
.blog-steps .service-feature-card i{margin-bottom:.8rem}
.blog-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin:2rem 0}
.blog-two .service-feature-card h3 i{display:inline;font-size:1.1rem;margin:0 .5rem 0 0}
.blog-checklist{list-style:none;padding:0;margin:2rem 0}
.blog-checklist li{background:var(--bg-color);border:1px solid var(--surface-border);border-radius:16px;padding:1.1rem 1.4rem 1.1rem 3.4rem;margin-bottom:.9rem;position:relative;line-height:1.7;transition:var(--transition-smooth)}
.blog-checklist li:hover{transform:translateY(-3px);box-shadow:var(--shadow-premium);border-color:rgba(204,54,30,.3)}
.blog-checklist li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:1.3rem;top:1.15rem;color:var(--secondary-accent)}
.blog-takeaway{font-weight:600;color:var(--text-primary)}
@media(max-width:600px){.blog-article .blog-lead{font-size:1.1rem}.blog-callout{padding:1.2rem 1.4rem}}

.blog-back{display:inline-block;margin-bottom:1.5rem;font-weight:600;color:var(--text-secondary);text-decoration:none}
.blog-back i{margin-right:.5rem;color:var(--secondary-accent)}
.blog-back:hover{color:var(--secondary-accent)}
.blog-card{display:block;text-decoration:none;color:inherit}
.blog-card .blog-tag{display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--secondary-accent);margin-bottom:.6rem}
.blog-card .blog-more{display:inline-block;margin-top:1.2rem;font-weight:700;color:var(--text-primary)}
.blog-card .blog-more i{display:inline;font-size:.9rem;margin:0 0 0 .4rem;color:var(--secondary-accent)}