.sf16-wrap{display:flex;background:#f5f7fb;min-height:100vh;font-family:Arial,sans-serif}
.sf16-sidebar{width:260px;background:#13253d;color:#fff;padding:24px;position:sticky;top:0;height:100vh}
.sf16-sidebar h2{color:#ff9800}
.sf16-search{width:100%;padding:14px;border:none;border-radius:12px;margin-bottom:18px}
.sf16-filter{width:100%;padding:14px;margin-bottom:12px;border:none;border-radius:12px;background:#223754;color:#fff;font-weight:bold;cursor:pointer}
.sf16-filter.active,.sf16-filter:hover{background:#ff9800;color:#111}
.sf16-main{flex:1;padding:24px}
.sf16-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
.sf16-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 5px 18px rgba(0,0,0,.08)}
.sf16-hidden{display:none}
.sf16-image{width:100%;height:230px;object-fit:cover;background:#eee}
.sf16-content{padding:20px}
.sf16-badge{display:inline-block;padding:6px 12px;background:#ff9800;color:#111;border-radius:999px;font-size:12px;font-weight:bold}
.sf16-link{display:block;margin-top:18px;padding:14px;background:#0059c9;color:#fff;text-align:center;text-decoration:none;border-radius:12px;font-weight:bold}
.sf16-load-wrap{text-align:center;margin-top:30px}
.sf16-load-btn{padding:16px 28px;border:none;border-radius:14px;background:#ff9800;color:#111;font-weight:bold;cursor:pointer}
@media(max-width:992px){.sf16-wrap{flex-direction:column}.sf16-sidebar{width:100%;height:auto;position:relative}}