/* ══ Blog.css — Блог і стаття.
   Правити тут; сторінка підключає чанк через site_css() у шаблоні. ══ */

.blog-page { padding:30px 0 60px; }
.blog-hero { display:grid; grid-template-columns:1.48fr 1fr; gap:10px;
             margin-bottom:45px; }
.blog-hero-side { display:grid; grid-template-rows:1fr 1fr; gap:10px; }
.blog-hero-big, .blog-hero-sm { position:relative; display:flex;
    align-items:flex-end; border-radius:4px; overflow:hidden;
    background-size:cover; background-position:center;
    text-decoration:none; }
.blog-hero-big { min-height:340px; padding:24px; }
.blog-hero-sm { min-height:165px; padding:16px; }
.blog-hero-big::after, .blog-hero-sm::after { content:''; position:absolute;
    inset:0; background:linear-gradient(180deg, rgba(0,0,0,.05) 30%,
    rgba(0,0,0,.55)); }
.blog-hero-t { position:relative; z-index:1; font-family:'Poppins',sans-serif;
    font-weight:700; color:#fff; line-height:1.5; }
.blog-hero-big .blog-hero-t { font-size:24px; }
.blog-hero-sm .blog-hero-t { font-size:16px; }
.blog-hero-t i { font-style:normal; background:var(--green);
    box-decoration-break:clone; -webkit-box-decoration-break:clone;
    padding:3px 8px; }
.blog-cols { display:grid; grid-template-columns:1fr 300px; gap:60px;
             align-items:start; }
.blog-card { margin-bottom:55px; }
.blog-card h2 { margin-bottom:10px; }
.blog-card h2 a { font-family:'Poppins',sans-serif; font-size:28px;
    font-weight:700; line-height:38px; color:var(--ink);
    text-decoration:none; }
.blog-card h2 a:hover { color:var(--green); }
.blog-meta { font-size:14px; color:#6B6B6B; margin-bottom:16px; }
.blog-meta span { margin:0 7px; color:#C4C4C4; }
.blog-card-img { display:block; margin-bottom:14px; }
.blog-card-img img, .blog-post-img { width:100%; max-height:380px;
    object-fit:cover; border-radius:4px; display:block; }
.blog-ex { font-size:16px; line-height:26px; color:var(--ink);
    margin-bottom:10px;
    display:-webkit-box; -webkit-line-clamp:4;
    -webkit-box-orient:vertical; overflow:hidden; }
.blog-more { color:var(--link); font-size:15px; font-weight:700;
    text-decoration:none; }
.blog-more:hover { text-decoration:underline; }
.blog-cta { display:block; background:var(--green); border-radius:4px;
    padding:26px 22px 30px; text-align:center; text-decoration:none;
    margin-bottom:35px; }
.blog-cta-badge { display:inline-block; background:#fff; color:var(--ink);
    font-family:'Poppins',sans-serif; font-size:17px; font-weight:700;
    padding:5px 12px; margin-bottom:12px; transform:rotate(-1.5deg); }
.blog-cta-t { display:block; font-family:'Poppins',sans-serif;
    font-size:20px; font-weight:700; color:#fff; line-height:30px; }
.blog-cta:hover .blog-cta-t { text-decoration:underline; }
.blog-cta-inline { margin:40px 0 0; }
.blog-widget { margin-bottom:35px; }
.blog-widget h3 { font-family:'Poppins',sans-serif; font-size:18px; line-height:1.4;
    font-weight:600; color:var(--ink); margin-bottom:14px;
    padding-bottom:10px; border-bottom:2px solid var(--green); }
.blog-widget ul { list-style:none; }
.blog-widget li { margin-bottom:10px; }
.blog-widget a { font-size:15px; line-height:22px; color:var(--ink);
    text-decoration:none; }
.blog-widget a:hover { color:var(--green); }
.blog-back { display:inline-block; color:var(--link); font-size:14px;
    text-decoration:none; margin-bottom:18px; }
.blog-back:hover { text-decoration:underline; }
.blog-post h1 { font-family:'Poppins',sans-serif; font-size:34px;
    font-weight:700; line-height:46px; color:var(--ink);
    margin-bottom:10px; }
.blog-post-img { margin-bottom:22px; }
.blog-lead { font-size:17px; line-height:28px; margin-bottom:22px; }
.blog-post h2 { font-family:'Poppins',sans-serif; font-size:23px; line-height:1.4;
    font-weight:600; color:var(--ink); margin:28px 0 12px; }
.blog-post p { font-size:16px; line-height:26px; margin-bottom:14px; }
.blog-post a { color:var(--link); }
@media (max-width:900px) {
  .blog-page { padding:16px 0 40px; }
  .blog-hero { grid-template-columns:1fr; margin-bottom:30px; }
  .blog-hero-big { min-height:230px; }
  .blog-hero-sm { min-height:120px; }
  .blog-hero-big .blog-hero-t { font-size:19px; }
  .blog-cols { grid-template-columns:1fr; gap:0; }
  .blog-card { margin-bottom:40px; }
  .blog-card h2 a { font-size:22px; line-height:30px; }
  .blog-post h1 { font-size:25px; line-height:34px; }
  .blog-side { margin-top:10px; }
}
.foto-page { padding:40px 0 60px; }
.foto-page h1 { font-family:'Poppins',sans-serif; font-size:30px; line-height:1.4;
    font-weight:700; color:var(--ink); margin-bottom:14px; }
.foto-lead { font-size:16px; color:var(--ink); margin-bottom:24px; }
.foto-list { list-style:none; }
.foto-list li { font-size:14px; line-height:24px; margin-bottom:6px; }
.foto-list a { color:var(--link); }
.foto-list span { color:#8b8b8b; }