/* لایه‌بندی کارت دسته‌ها - از قبل */
.soalit-level { display:grid; grid-template-columns:repeat(auto-fill, minmax(160px, 1fr)); gap:14px; }
.soalit-card { background:#fff; border:1px solid #e5e7eb; border-radius:16px; overflow:hidden; cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,.06); transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease; text-align:center; }
.soalit-card:hover { box-shadow:0 10px 24px rgba(0,0,0,.10); transform:translateY(-2px); border-color:#d1d5db; }
.soalit-card .media{
  width:100%;
  aspect-ratio:4/3;
  background:#f3f4f6;
  background-position:center;
  background-repeat:no-repeat;
  background-size:var(--bgsize, cover);
}
.soalit-card .label{ padding:10px 12px 12px; font-weight:600; color:#111827; font-size:14px; }

/* شِبه لودینگ */
.soalit-skeleton{
  background:linear-gradient(90deg, #f3f4f6 25%, #ececec 37%, #f3f4f6 63%);
  background-size:400% 100%;
  animation:shine 1.2s ease-in-out infinite;
  border-radius:12px; height:120px;
}
@keyframes shine{0%{background-position:100% 0}100%{background-position:0 0}}

/* بردکرامب */
.soalit-breadcrumb { display:flex; flex-wrap:wrap; gap:6px; font-size:14px; color:#6b7280; margin-bottom:6px; }
.soalit-breadcrumb .crumb { background:#fafafa; padding:6px 10px; border-radius:999px; cursor:pointer; border:1px solid #e5e7eb; }
.soalit-breadcrumb .crumb.active { color:#111; border-color:#d1d5db; }

/* ===== پست‌ها به صورت کارد ===== */
.soalit-posts{
  grid-column:1 / -1; /* تمام عرض گرید دسته‌ها */
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap:14px;
  margin-top:4px;
}

.post-card { background:#fff; border:1px solid #e5e7eb; border-radius:16px; overflow:hidden; box-shadow:0 6px 18px rgba(0,0,0,.06); transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease; }
.post-card:hover { box-shadow:0 10px 24px rgba(0,0,0,.10); transform:translateY(-2px); border-color:#d1d5db; }

.pcard { display:block; color:inherit; text-decoration:none; }
.pcard-media{
  width:100%;
  aspect-ratio:16/9;
  background:#f3f4f6;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover; /* تصویر فیچر بهتره cover باشه */
}
.pcard-media.pcard-skeleton{
  animation:shine 1.2s ease-in-out infinite;
  background-image:linear-gradient(90deg, #f3f4f6 25%, #ececec 37%, #f3f4f6 63%);
  background-size:400% 100%;
}

.pcard-body{ padding:12px 12px 14px; }
.pcard-title{ margin:0 0 6px; font-size:16px; font-weight:700; color:#111827; line-height:1.5; }
.pcard-excerpt{
  margin:0 0 8px; font-size:14px; color:#374151; line-height:1.7;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.pcard-meta{ font-size:12px; color:#6b7280; }

/* ریسپانسیو */
@media (max-width:768px){
  .soalit-level { grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); }
  .soalit-posts { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
}