/* Контейнеры */
.scp-widget { display: flex; flex-direction: column; gap: 16px; align-items: center; }
.scp-results { min-height: 60px; }
.scp-loading { opacity: .8; }

/* Категории */
.scp-cats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 15px;}
.scp-cat{
  appearance:none;
  border:1px solid #e8e8e9;
  background:#fff;
  padding:8px 12px;
  border-radius:50px;
  cursor:pointer;
  transition:.2s;
  font:inherit;
  color:#494951;
  text-transform:capitalize;
  font-size:15px;
  line-height:1.5;
  letter-spacing: normal;
}
.scp-cat[data-term-id="0"] { order: -999; }

.scp-cat:hover{ border-color:#fbaf3f59; background-color:#fbaf3f59; color:#494951; }
.scp-cat.is-active{ background-color:#fbaf3f59; color:#494951; border-color:#fbaf3f59; }

/* Список постов (вертикальный список карточек) */
.scp-posts { display: flex; flex-direction: column; gap: 16px; }
.scp-cats_title{}
/* ==== БАЗОВАЯ карточка (fallback) — переведена на flex ==== */
.scp-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
.scp-card__media{ display:block; background:#f3f4f6; width:100%; }
.scp-thumb{ width:100%; height:100%; object-fit:cover; display:block; }
.scp-thumb--placeholder{ display:block; width:100%; height:180px; background:#eef2f7; }
.scp-card__body{ padding:12px; }
.scp-card__title{ margin:0 0 6px; font-size:16px; line-height:1.3; }
.scp-card__title a{ color:inherit; text-decoration:none; }
.scp-card__title a:hover{ text-decoration:underline; }
.scp-card__excerpt{ color:#4b5563; font-size:14px; line-height:1.5; }

/* ==== HERO мини-пост (как на скриншоте), flex-версия ==== */
.scp-hero{
  --scp-accent:#f0a20c; /* при необходимости переопределите фильтром scp_accent_color */
  --scp-bg:#ffffff;
  --scp-radius-xl:18px;
  background:var(--scp-bg);
  border-radius:calc(var(--scp-radius-xl) + 4px);
  padding:24px;
  box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.3);
  -webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.3);
}
.scp-hero__inner{
  display:flex;
  align-items:center;
  gap:28px;
  /* вместо grid: левая колонка шире, правая фиксированной ширины */
  flex-wrap:wrap; /* для адаптива */
}
.scp-hero__left{
  min-width:280px;
  flex:1 1 480px; /* растягиваем текстовую часть */
}
.scp-hero__right{
  display:block;
  position:relative;
  border-radius:16px;
  overflow:hidden;
  background:#ffffff;
  flex:0 0 600px; /* ширина блока с изображением справа */
  max-width:100%;
  aspect-ratio:16 / 10; /* можно оставить для ровной картинки */
  
}
.scp-hero__right .scp-hero__img:hover{ transform:scale(1.1); }

.scp-hero__img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s ease;}
.scp-hero__img.--placeholder{ background:#e7ecf2; }

.scp-hero__meta{
  display:flex; flex-wrap:wrap; gap:14px;
  margin-bottom:12px; color:#9aa4b2; font-size:14px; line-height:1.4;
}
.scp-hero__meta-item{ display:inline-flex; align-items:center; gap:8px; color:var(--scp-accent); font-weight:500; }
.scp-hero__icon{ display:inline-block; flex:0 0 18px; }

.scp-hero__title{
  font-size:36px; line-height:1.2; margin:8px 0 14px;
  color:#2b2f36; font-weight:400;
  font-family: 'Playfair Display', sans-serif
}
.scp-hero__title a{ color:inherit; text-decoration:none; }
.scp-hero__title a:hover{ color: #fbaf3f; }

.scp-hero__excerpt{
  color:#4b5563; font-size:16px; line-height:1.2; max-width:58ch;
  font-family: inherit;
}

/* Адаптив: на узких экранах картинка уходит вверх */
@media (max-width:1024px){
  .scp-hero, .scp-cats{margin: 0 15px;}
  .scp-hero__title{ font-size:28px; }
  .scp-hero__right{ flex:1 1 100%; }
}
@media (max-width:860px){
  .scp-hero__inner{ gap:18px; }
  .scp-hero__right{ order:-1; } /* картинка сверху */
}