/* BLOG SECTION (homepage strip) */
.section--blog-section{
  background:#fff;
  padding-top: 26px;
  padding-bottom: 28px;
}

.blogstrip .bs-head{ text-align:center; margin-bottom:14px; }
.blogstrip .bs-title{
  margin:0 0 6px; color:var(--green-700);
  font-weight:900; font-size: clamp(22px, 2.2vw + 12px, 32px);
}
.blogstrip .bs-sub{
  margin:0 auto; max-width:820px; color:#5b6b78;
  font-size:14.5px; line-height:1.65;
}

.blogstrip .bs-grid{
  margin-top:10px;
  display:grid; gap:14px;
  grid-template-columns: repeat(12, minmax(0,1fr));
}

.bcard{
  grid-column: span 6;
  overflow:hidden;
  border-radius:12px;
  border:1px solid var(--border);
  background:#fff;
  position:relative;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
  box-shadow: 0 8px 20px rgba(15,23,42,.05);
}
@media (max-width: 980px){ .bcard{ grid-column: span 12; } }

/* Card soft shine */
.bcard::before{
  content:""; position:absolute; inset:-2px; pointer-events:none;
  transform:translateX(-120%);
  background:linear-gradient(115deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.40) 50%, rgba(255,255,255,0) 70%);
  mix-blend-mode:screen; opacity:.30;
}
.bcard:hover{
  transform:translateY(-2px) scale(1.01);
  box-shadow: 0 18px 42px rgba(15,23,42,.10), 0 4px 12px rgba(15,23,42,.07);
  border-color:#e6eef1;
  background:#fbfdfc;
}
.bcard:hover::before{ animation: bs-sweep 1.55s ease; }

/* Image */
.bcard .thumb{
  display:block; position:relative; aspect-ratio: 16 / 9;
  background:#e9eff1; overflow:hidden;
}
.bcard .thumb img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  border-bottom:1px solid #e4e9ec;
  transform:scale(1);
  transition: transform .55s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}
/* image shine */
.bcard .thumb::after{
  content:""; position:absolute; inset:-2px; pointer-events:none;
  transform:translateX(-120%);
  background:linear-gradient(115deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.45) 50%, rgba(255,255,255,0) 70%);
  mix-blend-mode:screen; opacity:.35;
}
.bcard:hover .thumb img{ transform:scale(1.06); }
.bcard:hover .thumb::after{ animation: bs-sweep 1.6s ease; }

.bcard .thumb.noimg{
  background:linear-gradient(135deg, #eaf2ee 0%, #f7faf8 100%);
  border-bottom:1px solid #e4e9ec;
}

/* Content */
.bcard .bcontent{ padding:14px; }
.meta-top{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  margin-bottom:6px;
}
.meta-top .cal{
  color:#66788a; font-size:12.5px; display:inline-flex; gap:6px; align-items:center;
}
.meta-top .cal svg{ width:14px; height:14px; }

.btitle{
  margin:0 0 6px; font-size:18px; font-weight:900; color:#0f172a;
}
.btitle a{ color:inherit; text-decoration:none; }
.btitle a:hover{ text-decoration:underline; }

.excerpt{
  margin:0 0 10px; color:#5b6b78; font-size:14px; line-height:1.65;
}

.meta-bottom{
  display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
}
.author{
  color:#64748b; font-size:12.5px; display:inline-flex; gap:6px; align-items:center;
}
.author svg{ width:14px; height:14px; }
.readmore{
  color:var(--green-700); font-weight:800; text-decoration:none; display:inline-flex; gap:6px; align-items:center;
}
.readmore svg{ width:16px; height:16px; }

/* Bottom action */
.bs-actions{ margin-top:16px; text-align:center; }

/* Make the View All button shiny/primary in this section */
.section--blog-section .bs-actions .btn{
  display:inline-flex; align-items:center; gap:8px;
  position:relative; overflow:hidden;
  padding:12px 16px; border-radius:10px; font-weight:800;
  background:linear-gradient(180deg,#16a34a 0%, #15803d 100%);
  color:#fff; border:1px solid #166534; text-decoration:none !important;
  box-shadow:0 10px 18px rgba(22,163,74,.22), inset 0 -2px 0 rgba(0,0,0,.10);
  transition: transform .08s ease, box-shadow .18s ease, filter .15s ease;
}
.section--blog-section .bs-actions .btn svg{ width:16px; height:16px; }
.section--blog-section .bs-actions .btn:hover{
  transform:translateY(-1px);
  box-shadow:0 0 0 3px rgba(34,197,94,.18), 0 14px 28px rgba(22,163,74,.32), inset 0 -2px 0 rgba(0,0,0,.10);
}
.section--blog-section .bs-actions .btn::before{
  content:""; position:absolute; inset:-2px; pointer-events:none;
  transform:translateX(-120%);
  background:linear-gradient(115deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 70%);
  mix-blend-mode:screen; opacity:.60;
}
.section--blog-section .bs-actions .btn:hover::before{ animation: bs-sweep 1.45s ease; }

/* shared sweep */
@keyframes bs-sweep{ to{ transform:translateX(120%);} }