/* ============ БЛОГ «Садовый Дом» ============ */
.blog-list .section-label svg { margin-right:6px; }
.bf { display:flex; flex-wrap:wrap; gap:8px; margin:-12px 0 32px; }
.bf-chip { font:600 13px/1 var(--font-body); color:var(--ink-2); background:#fff; border:1px solid var(--line-2); border-radius:100px; padding:10px 16px; cursor:pointer; transition:var(--t); }
.bf-chip:hover { border-color:var(--ink); }
.bf-chip.active { background:var(--ink); color:#fff; border-color:var(--ink); }
.bf-empty { color:var(--ink-3); padding:24px 0; }

.bgrid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px 24px; }
.bgrid--3 { grid-template-columns:repeat(3,1fr); }
.bc { display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; color:var(--ink); text-decoration:none; transition:transform .22s, box-shadow .22s, border-color .22s; }
.bc:hover { transform:translateY(-3px); box-shadow:0 14px 34px rgba(29,29,27,.10); border-color:var(--line-2); }
.bc[hidden] { display:none; }
.bc-img { aspect-ratio:16/10; overflow:hidden; background:var(--paper-2); }
.bc-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s; }
.bc:hover .bc-img img { transform:scale(1.04); }
.bc-body { display:flex; flex-direction:column; gap:10px; padding:20px 22px 22px; flex:1; }
.bc-meta { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; font-size:12.5px; color:var(--ink-3); }
.bc-cat { color:var(--clay-deep); font-weight:600; letter-spacing:.02em; }
.bc-date::before, .bc-read::before { content:"·"; margin-right:12px; color:var(--line-2); }
.bc-title { font-family:var(--font-display); font-size:22px; line-height:1.18; font-weight:600; letter-spacing:-.01em; margin:0; }
.bc-ex { font-size:14px; line-height:1.6; color:var(--ink-2); margin:0; }
.bc-more { margin-top:auto; padding-top:6px; display:inline-flex; align-items:center; gap:6px; font-size:13.5px; font-weight:600; color:var(--clay-deep); }
.bc:hover .bc-more { gap:10px; }

.bc--big { grid-column:1 / -1; flex-direction:row; }
.bc--big .bc-img { flex:0 0 58%; aspect-ratio:auto; min-height:360px; }
.bc--big .bc-body { justify-content:center; padding:36px 40px; gap:14px; }
.bc--big .bc-title { font-size:clamp(26px,3vw,38px); }
.bc--big .bc-ex { font-size:15.5px; }

.blog-cta, .art-cta { margin-top:48px; background:var(--ink); color:#fff; border-radius:var(--r-lg); padding:36px 44px; display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.blog-cta-t { font-family:var(--font-display); font-size:24px; font-weight:600; margin-bottom:8px; }
.blog-cta p, .art-cta p { font-size:14px; line-height:1.65; color:rgba(255,255,255,.72); max-width:460px; margin:0; }
.blog-cta-btns { display:flex; gap:10px; flex-wrap:wrap; flex-shrink:0; }
.blog-cta-btns .btn-outline { color:#fff; border-color:rgba(255,255,255,.35); }
.blog-cta-btns .btn-outline:hover { border-color:#fff; background:rgba(255,255,255,.06); }

/* ---- статья ---- */
.art { padding:clamp(32px,5vw,64px) 0 clamp(56px,8vw,96px); }
.art-wrap { max-width:860px; }
.art-head { margin-bottom:28px; }
.art-head .bc-meta { font-size:13.5px; margin-bottom:16px; }
.art-title { font-family:var(--font-display); font-size:clamp(32px,4.6vw,52px); line-height:1.08; font-weight:500; letter-spacing:-.02em; color:var(--ink); margin:0 0 16px; }
.art-lead { font-size:18px; line-height:1.6; color:var(--ink-2); margin:0; }
.art-cover { margin:0 0 36px; border-radius:var(--r-lg); overflow:hidden; }
.art-cover img { width:100%; height:auto; display:block; }
.art-body { font-size:17px; line-height:1.75; color:var(--ink-2); }
.art-body h2 { font-family:var(--font-display); font-size:30px; line-height:1.15; font-weight:600; color:var(--ink); margin:40px 0 14px; letter-spacing:-.01em; }
.art-body p { margin:0 0 18px; }
.art-body strong { color:var(--ink); font-weight:600; }
.art-body ul { margin:0 0 20px; padding-left:22px; }
.art-body li { margin-bottom:8px; }
.art-body li::marker { color:var(--clay); }
.art-tip { display:flex; gap:14px; align-items:flex-start; background:var(--clay-soft); border-left:3px solid var(--clay); border-radius:0 var(--r-md) var(--r-md) 0; padding:18px 20px; margin:26px 0; font-size:15.5px; color:var(--ink); }
.art-tip svg { flex-shrink:0; color:var(--clay-deep); margin-top:3px; }
.art-tip p { margin:0; }
.art-share { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:36px; padding-top:24px; border-top:1px solid var(--line); font-size:13.5px; color:var(--ink-3); }
.art-share a, .art-share button { font:600 13px/1 var(--font-body); color:var(--ink-2); background:#fff; border:1px solid var(--line-2); border-radius:100px; padding:9px 14px; text-decoration:none; cursor:pointer; transition:var(--t); }
.art-share a:hover, .art-share button:hover { border-color:var(--ink); color:var(--ink); }
.art-rel { margin-top:clamp(48px,7vw,80px); padding-top:clamp(40px,5vw,56px); border-top:1px solid var(--line); }
.art-rel-t { font-family:var(--font-display); font-size:clamp(26px,3vw,36px); font-weight:500; margin:0 0 24px; color:var(--ink); }
.art-rel-all { margin:24px 0 0; font-weight:600; }
.art-rel-all a { color:var(--clay-deep); }

/* ---- главная ---- */
.home-blog .bc-title { font-size:20px; }

@media (max-width: 1000px) {
  .bgrid, .bgrid--3 { grid-template-columns:repeat(2,1fr); }
  .bc--big .bc-img { flex-basis:50%; min-height:300px; }
}
@media (max-width: 640px) {
  .bgrid, .bgrid--3 { grid-template-columns:1fr; gap:18px; }
  .bc--big { flex-direction:column; }
  .bc--big .bc-img { flex-basis:auto; min-height:0; aspect-ratio:16/10; }
  .bc--big .bc-body { padding:20px 22px 22px; }
  .bc-body { padding:16px 18px 18px; }
  .bf { margin-top:-4px; overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px; -webkit-overflow-scrolling:touch; }
  .bf-chip { flex-shrink:0; }
  .blog-cta, .art-cta { padding:26px 22px; }
  .art-body { font-size:16px; }
  .art-body h2 { font-size:25px; margin-top:30px; }
  .art-cover { margin-bottom:24px; border-radius:var(--r-md); }
}