.sbg-directory{display:block;padding:72px 0;background:#101114;color:#fff;scroll-margin-top:100px}
.sbg-directory .sbg-section-head p{color:#b8bbc3}
.sbg-directory-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:28px 0}
.sbg-directory [hidden]{display:none!important}
.sbg-directory-tools label{font-size:14px;font-weight:700}
.sbg-directory-tools input{box-sizing:border-box;flex:1;min-width:180px;max-width:440px;border:1px solid #555963;border-radius:4px;background:#1b1d22;color:#fff;padding:14px 16px;font:inherit;font-size:16px}
.sbg-directory-tools input::placeholder{color:#b8bbc3;opacity:1}
.sbg-directory-tools [role=status]{font-size:13px;color:#b8bbc3}
.sbg-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:28px 0 0}
.sbg-directory-grid li{margin:0;min-width:0}
.sbg-directory-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;box-sizing:border-box;padding:18px;background:#1b1d22;border:1px solid #353840;border-radius:4px;color:#fff;text-decoration:none;font-size:16px;font-weight:700;line-height:1.35;transition:border-color .15s,background .15s}
.sbg-directory-grid a span:first-child{overflow-wrap:anywhere}
.sbg-directory-grid a span:last-child{color:var(--sbg-pink,#ff3c9d)}
.sbg-directory-grid a:hover{background:#252830;border-color:var(--sbg-pink,#ff3c9d)}
.sbg-directory a:focus-visible,.sbg-directory input:focus-visible{outline:3px solid var(--sbg-hot,#ff76bb);outline-offset:4px}
.sbg-directory [data-brand-empty]{padding:24px 0;color:#c5c8cf}
@media(max-width:989px){.sbg-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:749px){.sbg-directory{padding:48px 0}.sbg-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sbg-directory-grid a{font-size:14px;padding:14px;min-height:64px}.sbg-directory-tools{gap:10px}.sbg-directory-tools label{width:100%}.sbg-directory-tools input{max-width:none}.sbg-directory-tools [role=status]{width:100%}}