/* SHT – Events Grid */

.sht-eg.is-ltr{direction:ltr;text-align:left}

.sht-eg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px}

/* card */
.sht-eg-card{
  background:#fff;border:1px solid #e7edf6;border-radius:16px;
  box-shadow:0 1px 2px rgba(15,23,42,.06),0 1px 0 rgba(15,23,42,.03);
  overflow:hidden;transition:box-shadow .2s, transform .15s;
}
.sht-eg-card:hover{box-shadow:0 6px 16px rgba(15,23,42,.12); transform:translateY(-2px)}
.sht-eg-card__inner{padding:0 0 8px}

/* cover */
.sht-eg-cover{position:relative;margin:0 0 8px;border-radius:12px;overflow:hidden}
.sht-eg-cover img{display:block;width:100%;height:190px;object-fit:cover;border-radius:12px}
.sht-eg-date{
  position:absolute;right:10px;top:10px;padding:4px 10px;border-radius:999px;
  background:#f1f5f9;color:#0f172a;font-weight:700;font-size:12px;box-shadow:0 1px 2px rgba(0,0,0,.06)
}
.sht-eg-ovlabel{
  position:absolute;left:12px;top:12px;color:#0f172a;font-weight:700;font-size:13px;
  text-shadow:0 1px 0 rgba(255,255,255,.6)
}

/* body */
.sht-eg-body{padding:6px 12px 10px}
.sht-eg-title{font-size:18px;font-weight:800;color:#0f172a;margin:6px 0 6px}
.sht-eg-title a{text-decoration:none;color:inherit}
.sht-eg-title a:hover{text-decoration:underline}

.sht-eg-loc{display:flex;align-items:center;gap:6px;color:#64748b;font-weight:600;margin-bottom:8px}
.sht-eg-body .sht-ic{display:inline-flex;align-items:center;justify-content:center;color:#94a3b8}
.sht-eg-body .sht-ic i,.sht-eg-body .sht-ic svg{width:14px;height:14px}

.sht-eg-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.sht-eg-chip{display:inline-block;padding:5px 10px;background:#eaf2ff;color:#1e40af;font-weight:700;font-size:12px;border-radius:999px;white-space:nowrap}

.sht-eg-excerpt{color:#475569;font-size:14px;margin-bottom:8px}

.sht-eg-foot{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:13px}

/* responsive */
@media (max-width: 900px){
  .sht-eg-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
  .sht-eg-cover img{height:170px}
}
@media (max-width: 560px){
  .sht-eg-cover img{height:150px}
}