.bk-posts{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px;
}
@media (max-width:1024px){ .bk-posts{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:767px){ .bk-posts{ grid-template-columns:1fr; } }

.bk-card{ border:1px solid #e5e7eb; border-radius:16px; background:#fff; overflow:hidden; transition:transform .2s ease; }

.bk-card-inner{ display:block; color:inherit; text-decoration:none; padding:12px; }

.bk-thumb{ position:relative; width:100%; height:220px; border-radius:12px; overflow:hidden; }
.bk-thumb img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:12px; }
.bk-thumb .bk-overlay{
  position:absolute; inset:auto 0 0 0; height:100%;
  background:linear-gradient(0deg, #39ff14 0%, transparent 70%);
  transform:translateY(100%); transition:transform .35s ease;
  border-bottom-left-radius:12px; border-bottom-right-radius:12px;
}
.bk-card:hover .bk-thumb .bk-overlay{ transform:translateY(0); }

.bk-post-title{ font-weight:800; font-size:1.05rem; line-height:1.5; margin:10px 0 6px; }
.bk-excerpt{
  color:#374151; margin:0 0 12px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.bk-readmore{
  display:inline-block; background:#111827; color:#fff; padding:8px 12px; border-radius:10px; font-weight:600; font-size:.9rem;
}

/* ===== Desktop / Tablet: همون گرید قبلی ===== */
.bk-posts{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px;
}
@media (max-width:1024px){
  .bk-posts{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}

/* ===== Mobile: تبدیل به کاروسل اسکرولی با Peek آیتم بعدی ===== */
@media (max-width:767px){
  .bk-posts{
    display:flex;               /* به جای گرید */
    gap:12px;                   /* فاصله بین کارت‌ها */
    overflow-x:auto;            /* اسکرول افقی */
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    padding: 0 16px;            /* کمی فضای دو طرف */
  }
  /* عرض هر کارت کمتر از عرض ویوپورت تا آیتم بعدی کمی دیده شود */
  .bk-card{
    flex: 0 0 85%;              /* ~85% ویوپورت → 15% از کارت بعدی دیده می‌شود */
    scroll-snap-align: start;
  }
  /* مطمئن شو آخرین کارت هم کامل دیده می‌شود */
  .bk-posts::after{
    content: ""; flex: 0 0 16px;
  }

  /* ارتفاع تصویر روی موبایل کمی کمتر تا تناسب بهتر */
  .bk-thumb{ height: 200px; }

  /* اسکرول‌بار مخفی (اختیاری) */
  .bk-posts::-webkit-scrollbar{ display:none; }
  .bk-posts{ scrollbar-width:none; }
}

/* ===== Desktop / Tablet: همون گرید ===== */
.bk-posts{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px;
}
@media (max-width:1024px){
  .bk-posts{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}

/* ===== Mobile: کاروسل اسکرولی ===== */
@media (max-width:767px){
  .bk-posts{
    display:flex;
    gap:12px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    padding: 0 16px;
  }
  .bk-card{
    flex: 0 0 85%;  /* Peek آیتم بعدی */
    scroll-snap-align: start;
  }
  .bk-posts::after{ content:""; flex:0 0 16px; }
  .bk-thumb{ height:200px; }
  .bk-posts::-webkit-scrollbar{ display:none; }
  .bk-posts{ scrollbar-width:none; }
}

/* ===== کارت ===== */
.bk-card{
  border:1px solid #e5e7eb;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
  display:flex;
  flex-direction:column;    /* برای چسباندن دکمه پایین */
}

/* ===== محتوای کارت ===== */
.bk-card-inner{
  display:flex;
  flex-direction:column;
  color:inherit;
  text-decoration:none;
  padding:12px;
  flex:1 1 auto;            /* پرکردن ارتفاع */
}

/* ===== تصویر و Overlay ===== */
.bk-thumb{ position:relative; width:100%; height:220px; border-radius:12px; overflow:hidden; }
.bk-thumb img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:12px; }
.bk-thumb .bk-overlay{
  position:absolute; inset:auto 0 0 0; height:100%;
  background:linear-gradient(0deg, #39ff14 0%, transparent 70%);
  transform:translateY(100%); transition:transform .35s ease;
  border-bottom-left-radius:12px; border-bottom-right-radius:12px;
}
.bk-card:hover .bk-thumb .bk-overlay{ transform:translateY(0); }

/* ===== عنوان ===== */
.bk-post-title{
  font-weight:700;
  margin:12px 0 6px;
  line-height:1.4;
  font-size:1.1rem;         /* دسکتاپ */
}
@media (max-width:767px){
  .bk-post-title{ font-size:1rem; }
}

/* ===== خلاصه متن ===== */
.bk-excerpt{
  color:#374151;
  margin:0 0 12px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:.9rem;
  line-height:1.5;
}
@media (max-width:767px){
  .bk-excerpt{ font-size:.85rem; }
}

/* ===== دکمه خواندن بیشتر ===== */
.bk-readmore{
  display:inline-block;
  background:#111827;
  color:#fff;
  padding:8px 12px;
  border-radius:10px;
  font-weight:600;
  font-size:.9rem;
  text-align:center;
  margin-top:auto;          /* همیشه پایین کارت */
}
.bk-readmore:hover{ filter:brightness(1.05); }