/* Блог в новой вёрстке. Основные классы (.bcard, .blog-feat, .art, .prose, .toc) лежат в css/mcs.css обёртки,
   здесь то, чего в макете не было: заголовки вместо <b>, архив, поиск, вставки товаров, текст из редактора статей. */
.bcard-t{font-family:var(--head);font-size:24px;font-weight:600;line-height:1.1;text-transform:uppercase;text-wrap:pretty;margin:0}
.bl-feat-t{font-family:var(--head);font-size:40px;font-weight:600;line-height:1.02;text-transform:uppercase;margin:0}
.bl-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));margin-top:16px}
.blog-feat .noimg,.bcard .noimg{display:grid;place-items:center;height:100%;font-family:var(--head);font-size:40px;color:var(--muted3)}

/* архив и поиск */
.bl-search{display:flex;gap:8px;align-self:flex-end;width:min(100%,420px)}
.bl-search .input{flex:1;min-width:0}
.bl-years{display:inline-flex;flex-wrap:wrap;margin-top:20px}
.bl-years a{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;font-family:var(--mono);font-size:12px}
.bl-years a.on{background:var(--panel2);color:var(--text);box-shadow:inset 0 -2px 0 var(--ac)}
.bl-years small{color:var(--muted2);font-size:11px}

/* постраничная навигация остаётся для роботов; у людей её заменяет «Показать ещё» */
.bl-pager{flex-direction:column;align-items:center;gap:16px}
.bl-pager .pagin{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;font-family:var(--mono);font-size:12px}
.bl-pager .pagin a,.bl-pager .pagin span{display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border:1px solid var(--line2)}
.bl-pager .pagin .selected a,.bl-pager .pagin .selected span{border-color:var(--ac);color:var(--ac)}
.js-more .bl-pager .pagin{display:none}

/* статья */
.art-head .h1{overflow-wrap:anywhere;text-wrap:balance}
.art-cols.no-toc{grid-template-columns:minmax(0,860px);justify-content:center}
.art-cols.no-toc .toc{display:none}
.toc:empty{display:none}
.prose{overflow-wrap:break-word}
.prose>p:empty,.prose p:empty{display:none}
.prose h2,.prose h3{scroll-margin-top:140px}
.prose img{max-width:100%;height:auto}
.prose p>img{display:block;margin:0 auto;border:1px solid var(--line)}
.prose table{display:block;overflow-x:auto;max-width:100%}
.prose iframe,.prose video{max-width:100%}
.bl-share{padding:22px;display:flex;flex-wrap:wrap;gap:18px 24px;align-items:flex-end;justify-content:space-between;margin-top:24px}

/* вставка товаров в тексте статьи: разметка у плагина своя, цвета и углы приводим к теме */
.mb-products{margin:12px 0;padding:22px;border:1px solid var(--line2);background:var(--panel)}
.mb-products__title{margin:0 0 16px;font-family:var(--head);font-size:24px;font-weight:600;line-height:1.1;text-transform:uppercase;color:var(--text)}
.mb-products__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:12px}
.prose .mb-prod,.mb-prod{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--panel2);border:1px solid var(--line);color:var(--text);transition:border-color .2s}
.prose .mb-prod:hover,.mb-prod:hover{border-color:var(--ac);color:var(--text)}
.mb-prod__img{display:block;aspect-ratio:1/1;overflow:hidden;background:var(--panel3)}
.mb-prod__img img{display:block;width:100%!important;height:100%!important;object-fit:cover;margin:0!important;border:0!important}
.mb-prod__name{font-size:14px;line-height:1.35;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mb-prod__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:auto}
.mb-prod__price{font-family:var(--head);font-size:20px;font-weight:600;white-space:nowrap}
.mb-prod__old{font-size:13px;color:var(--muted2);white-space:nowrap}
.mb-prod__btn{display:flex;align-items:center;justify-content:center;height:38px;background:var(--ac);color:var(--ac-ink);font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}

/* форма комментариев сейчас выключена в настройках статей, стили на случай включения */
.bl-comments{margin-top:32px;display:flex;flex-direction:column;gap:20px}
.bl-comments ul{list-style:none;margin:0;padding:0}
.bl-comments li ul{padding-left:24px}
.bl-comments .comment{padding:14px 0;border-top:1px solid var(--line)}
.bl-comments .userpic{width:32px;height:32px}
.bl-comments input[type=text],.bl-comments textarea{width:100%;padding:10px 12px;background:var(--panel);border:1px solid var(--line2);color:var(--text)}
.bl-comments input[type=submit]{height:44px;padding:0 20px;background:var(--ac);color:var(--ac-ink);border:0;font-family:var(--mono);font-weight:700;cursor:pointer}

@media (max-width:1023px){
  .toc{display:flex;position:static;border:1px solid var(--line);padding:6px 12px;margin-bottom:8px}
  .toc:empty{display:none}
  .bl-search{align-self:stretch;width:100%}
  .bl-feat-t{font-size:30px}
}
@media (max-width:640px){
  .bl-share{align-items:flex-start;flex-direction:column}
  .bcard-t{font-size:21px}
  .tg .h1{font-size:40px!important}
}