/* Стилі блогу й сторінок товарів. Базові токени й типографіка беруться
   з site.css — тут лише те, чого на головній не було. */

.page-head{padding:var(--space-5) 0 var(--space-3);}
.page-head h1{font-size:clamp(30px,4vw,46px);margin-bottom:var(--space-2);}
.page-head .lead{font-size:16px;color:var(--muted);max-width:680px;line-height:1.7;}

/* Хлібні крихти */
.crumbs-nav{padding:18px 0 0;font-size:12.5px;color:var(--muted);}
.crumbs-nav a{color:var(--muted);}
.crumbs-nav a:hover{color:var(--green);}
.crumbs-nav span{margin:0 7px;opacity:.5;}

/* Перемикач мови посиланнями (на головній це кнопки) */
.lang-switch a{
  padding:6px 7px;border-radius:6px;font-size:11.5px;font-weight:700;
  letter-spacing:.08em;color:var(--muted);
}
.lang-switch a.is-on{color:var(--green-deep);background:var(--sand);}

/* ---------- Рубрики ---------- */
.cat-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--space-4);}
.cat-row a{
  padding:8px 16px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);
  font-size:13px;color:var(--text);transition:border-color var(--dur-hover) ease, background var(--dur-hover) ease;
}
.cat-row a:hover{border-color:var(--green);}
.cat-row a.is-on{background:var(--green-deep);border-color:var(--green-deep);color:var(--cream);}

/* ---------- Стрічка статей ---------- */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4) var(--space-3);}
.post-card{display:flex;flex-direction:column;gap:12px;}
.post-card .media{
  border-radius:var(--radius);overflow:hidden;background:var(--cream-2);
  box-shadow:var(--shadow-1);
}
.post-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;
  transition:transform 600ms var(--ease-out);}
@media (hover:hover){ .post-card:hover img{transform:scale(1.03);} }
.post-card .cat{font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);}
.post-card h2{font-size:19px;line-height:1.35;}
.post-card h2 a{color:var(--green-deep);}
.post-card p{font-size:13.5px;color:var(--muted);line-height:1.6;}
.post-card .meta{font-size:12px;color:var(--muted);margin-top:auto;padding-top:4px;}

/* ---------- Пагінація ---------- */
.pagination{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:var(--space-5);}
.pagination a,.pagination span{
  min-width:38px;height:38px;padding:0 12px;border-radius:var(--radius-pill);
  border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;
  font-size:13px;color:var(--text);
}
.pagination a:hover{border-color:var(--green);}
.pagination .is-on{background:var(--green-deep);border-color:var(--green-deep);color:var(--cream);}

/* ---------- Стаття ---------- */
.article{max-width:720px;margin:0 auto;}
.article .meta{font-size:12.5px;color:var(--muted);margin-bottom:var(--space-3);}
.article .meta time{color:var(--muted);}
.article-cover{border-radius:var(--radius);overflow:hidden;margin-bottom:var(--space-4);box-shadow:var(--shadow-2);}
.article-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}

.toc{
  background:var(--cream-2);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 24px;margin-bottom:var(--space-4);
}
.toc b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;}
.toc ol{margin:0;padding-left:18px;}
.toc li{margin-bottom:6px;font-size:14px;}

/* Довгий текст читається з вужчої колонки й більшим інтерлін'яжем */
.prose{font-size:16px;line-height:1.75;color:var(--text);}
.prose h2{font-size:clamp(23px,2.6vw,30px);margin:var(--space-4) 0 14px;scroll-margin-top:90px;}
.prose h3{font-size:19px;margin:var(--space-3) 0 10px;}
.prose p{margin-bottom:18px;}
.prose ul,.prose ol{margin:0 0 18px 20px;}
.prose li{margin-bottom:8px;}
.prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px;}
.prose a:hover{color:var(--green-deep);}
.prose img{width:100%;height:auto;border-radius:var(--radius);margin:var(--space-3) 0;}
.prose blockquote{
  border-left:3px solid var(--gold-mid);padding:4px 0 4px 20px;margin:var(--space-3) 0;
  font-style:italic;color:var(--green-deep);
}
.prose table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:14.5px;}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;}
.prose th{font-weight:600;color:var(--green-deep);}
.prose code{background:var(--cream-2);padding:2px 6px;border-radius:4px;font-size:14px;}

/* Блоки під статтею */
.article-block{max-width:720px;margin:var(--space-5) auto 0;}
.article-block h2{font-size:23px;margin-bottom:var(--space-3);}
.faq-list details{border-bottom:1px solid var(--line);padding:16px 0;}
.faq-list summary{cursor:pointer;font-size:16px;color:var(--green-deep);list-style:none;}
.faq-list summary::-webkit-details-marker{display:none;}
.faq-list .ans{font-size:14.5px;color:var(--muted);line-height:1.7;padding-top:10px;}

.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);}
.mini-card{display:flex;flex-direction:column;gap:9px;}
.mini-card img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-sm);}
.mini-card b{font-size:14px;font-weight:600;color:var(--green-deep);line-height:1.35;}
.mini-card .price{font-size:14px;font-weight:700;color:var(--green-deep);}
.mini-card .out{font-size:12px;color:var(--muted);}

.article-cta{
  max-width:720px;margin:var(--space-5) auto 0;text-align:center;
  background:var(--cream-2);border-radius:var(--radius);padding:var(--space-4) var(--space-3);
}
.article-cta h2{font-size:24px;margin-bottom:10px;}
.article-cta p{font-size:14.5px;color:var(--muted);margin-bottom:var(--space-3);}
.article-cta .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* ---------- Сторінка товару ---------- */
.product-page{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start;}
.product-page .gallery img{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow-2);}
.product-page h1{font-size:clamp(26px,3.4vw,38px);margin-bottom:12px;}
.product-page .sub{font-size:15px;color:var(--muted);margin-bottom:var(--space-3);}
.product-page .price{font-size:30px;font-weight:700;color:var(--green-deep);margin-bottom:var(--space-3);}
.product-page .facts{list-style:none;padding:0;margin:0 0 var(--space-4);}
.product-page .facts li{
  display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);
  font-size:14px;color:var(--text);
}
.product-page .facts span:first-child{color:var(--muted);min-width:130px;}

@media (max-width:900px){
  .post-grid{grid-template-columns:repeat(2,1fr);}
  .product-page{grid-template-columns:1fr;gap:var(--space-3);}
}
@media (max-width:620px){
  .post-grid{grid-template-columns:1fr;}
  .mini-grid{grid-template-columns:1fr 1fr;}
  .prose{font-size:16.5px;}
}