.ss-hb-wrap{margin:18px 0}
.ss-hb-top{display:block;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.ss-hb-top__img{width:100%;height:auto;display:block}
.ss-hb-top__fallback{background:#0f6b66;color:#fff;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.ss-hb-top__title{font-size:20px;font-weight:800;line-height:1.1}
.ss-hb-top__sub{opacity:.95;margin-top:6px}

.ss-hb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.ss-hb-card{border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08);background:#fff;display:block}
.ss-hb-card__img{width:100%;height:auto;display:block}

.ss-hb-card__fallback{padding:14px}
.ss-hb-card__title{font-weight:800;font-size:16px}
.ss-hb-card__sub{margin-top:6px;opacity:.85}

.ss-hb-btn{display:inline-block;margin-top:12px;background:#ffcc00;color:#111;font-weight:900;
  padding:10px 14px;border-radius:12px}

@media (max-width: 991px){
  .ss-hb-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 575px){
  .ss-hb-grid{grid-template-columns:1fr}
  .ss-hb-top__fallback{flex-direction:column;align-items:flex-start}
}