.blog-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-top:8px;
}
.blog-card{
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid #ececf3;
  border-radius:20px;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  min-height:100%;
  min-width:0;
  box-shadow:0 8px 24px rgba(22,22,42,.04);
  transition:transform .15s ease, box-shadow .15s ease;
}
.blog-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(22,22,42,.08)}
.blog-card__cover,.blog-card__ph{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
  object-position:center;
  background:linear-gradient(135deg,#ece7ff,#f6f6f8);
  flex:0 0 auto;
  min-width:0;
  min-height:0;
}
.blog-card__body{
  padding:18px 18px 20px;
  display:flex;
  flex-direction:column;
  gap:12px;
  flex:1;
  min-width:0;
}
.blog-card__body > h2{order:1}
.blog-card__body > .blog-card__meta,
.blog-card__body > .blog-card__date{order:2}
.blog-card__body > p:not(.blog-card__date){order:3}
.blog-card h2{
  margin:0;
  font-size:18px;
  font-weight:700;
  line-height:1.3;
  color:#16162a;
  overflow-wrap:break-word;
}
.blog-card__meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  width:100%;
}
.blog-card__cat,
.blog-card__date{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  align-self:flex-start;
  box-sizing:border-box;
  width:max-content;
  max-width:100%;
  margin:0;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  font-family:inherit;
  font-size:12px;
  font-style:normal;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  overflow:visible;
  -webkit-line-clamp:unset;
}
.blog-card__date-short{display:none}
.blog-card__cat{color:#fff}
.blog-card__cat--ai{background:#34d399}
.blog-card__cat--wb{background:#cb11ab}
.blog-card__cat--ozon{background:#005bff}
.blog-card__cat--all{background:#f59e0b}
.blog-card__date{
  font-weight:600;
  border:1.5px solid #818CF8;
  color:#818CF8;
  background:#fff;
}
.blog-card p{
  margin:0;color:#5b6178;font-size:14px;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden
}
.blog-card p.blog-card__date{
  display:inline-flex;
  color:#818CF8;
  font-size:12px;
  line-height:1;
  -webkit-line-clamp:unset;
  line-clamp:unset;
  overflow:visible;
}
.blog-card[hidden]{display:none!important}
.blog-empty{background:#fff;border-radius:20px;padding:36px 24px;color:#6b7289;border:1px dashed #d9d6f5}
.blog-empty[hidden]{display:none!important}
.blog-filters{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0 0 24px;
}
.blog-filter{
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:36px;
  padding:0 16px;
  border-radius:999px;
  border:1.5px solid #e4e2ef;
  background:#fff;
  color:#43435a;
  font-family:inherit;
  font-size:13px;
  font-weight:700;
  line-height:1;
  letter-spacing:.01em;
  white-space:nowrap;
  box-shadow:0 2px 8px rgba(22,22,42,.04);
  transition:background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.blog-filter:hover{
  border-color:#5b4ce6;
  color:#5b4ce6;
  transform:translateY(-1px);
}
.blog-filter:focus-visible{
  outline:2px solid #5b4ce6;
  outline-offset:2px;
}
.blog-filter.is-active{
  background:#fff;
  border-color:#5b4ce6;
  color:#5b4ce6;
  box-shadow:0 2px 8px rgba(22,22,42,.04);
}
.blog-filter__dot{
  width:8px;
  height:8px;
  border-radius:50%;
  flex:0 0 auto;
  background:#9a9ab0;
}
.blog-filter--ai .blog-filter__dot{background:#34d399}
.blog-filter--wb .blog-filter__dot{background:#cb11ab}
.blog-filter--ozon .blog-filter__dot{background:#005bff}
.blog-filter--all .blog-filter__dot{background:#f59e0b}
.blog-filter--ai:hover{border-color:#34d399;color:#059669}
.blog-filter--wb:hover{border-color:#cb11ab;color:#cb11ab}
.blog-filter--ozon:hover{border-color:#005bff;color:#005bff}
.blog-filter--all:hover{border-color:#f59e0b;color:#d97706}
.blog-filter--ai.is-active{
  background:#34d399;
  border-color:#34d399;
  color:#fff;
  box-shadow:0 8px 18px rgba(52,211,153,.28);
}
.blog-filter--wb.is-active{
  background:#cb11ab;
  border-color:#cb11ab;
  color:#fff;
  box-shadow:0 8px 18px rgba(203,17,171,.25);
}
.blog-filter--ozon.is-active{
  background:#005bff;
  border-color:#005bff;
  color:#fff;
  box-shadow:0 8px 18px rgba(0,91,255,.25);
}
.blog-filter--all.is-active{
  background:#f59e0b;
  border-color:#f59e0b;
  color:#fff;
  box-shadow:0 8px 18px rgba(245,158,11,.28);
}
.blog-filter.is-active .blog-filter__dot{background:#fff}
.blog-back{display:inline-block;margin:0 0 16px;color:#5b4ce6;text-decoration:none;font-weight:600}
.blog-article h1{margin:0 0 18px}
.blog-article__meta{margin:0 0 8px;color:#9a9ab0;font-size:14px;font-weight:600}
.blog-article__cover{width:100%;border-radius:20px;margin:0 0 24px;background:#ececf3}
.blog-article__body img{border-radius:14px;margin:12px 0}
.blog-article__body a{color:#5b4ce6}
.lp-inner-page .chd__nav > a.active{color:#5b4ce6}
.lp-inner{
  padding-top:48px!important;
  padding-bottom:clamp(40px, 6vw, 64px)!important;
  padding-left:clamp(16px, 3vw, 24px)!important;
  padding-right:clamp(16px, 3vw, 24px)!important;
}
.lp-inner h1{margin:0 0 16px}
.blog-lead{margin:0 0 16px}
.lp-inner--wide{max-width:1408px}
@media (max-width:1279px){
  .blog-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}
}
@media (max-width:900px){
  .blog-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px}
  .blog-card h2{font-size:17px}
}
@media (max-width:640px){
  .blog-filters{
    gap:6px;
    margin:0 0 20px;
  }
  .blog-filter{min-height:32px;padding:0 12px;font-size:12px;gap:6px}
  .blog-filter__dot{width:7px;height:7px}
  .blog-grid{gap:10px}
  .blog-card{border-radius:16px}
  .blog-card__cover,.blog-card__ph{aspect-ratio:3/2}
  .blog-card__body{padding:12px 12px 14px;gap:8px}
  .blog-card h2{
    font-size:15px;
    line-height:1.25;
    display:-webkit-box;
    -webkit-line-clamp:5;
    line-clamp:5;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .blog-card p{font-size:12px;line-height:1.4;-webkit-line-clamp:2;line-clamp:2}
  .blog-card__meta{gap:5px}
  .blog-card__cat,.blog-card__date{min-height:22px;font-size:10px;padding:0 7px}
  .blog-card__date-full{display:none}
  .blog-card__date-short{display:inline}
}