
.ybsl{
  --ybsl-bg: #fff;
  --ybsl-panel: #fff;
  --ybsl-text: #111;
  --ybsl-muted: #666;
  --ybsl-accent: #0b5cff;
  --ybsl-font: system-ui;

  background: var(--ybsl-bg);
  color: var(--ybsl-text);
  font-family: var(--ybsl-font);
  border-radius: 16px;
}

.ybsl__controls{padding:14px;border:1px solid rgba(0,0,0,.06);border-radius:16px;background:var(--ybsl-panel);margin-bottom:12px}
.ybsl__searchwrap{display:flex;gap:10px;align-items:center}
.ybsl__search{flex:1;padding:12px 12px;border:1px solid rgba(0,0,0,.12);border-radius:12px;font-size:15px}
.ybsl__near{padding:12px 14px;border:1px solid rgba(0,0,0,.12);border-radius:12px;cursor:pointer;background:var(--ybsl-accent);color:#fff;font-weight:700}
.ybsl__near:hover{filter:brightness(0.95)}

.ybsl__filters{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ybsl__filters-label{color:var(--ybsl-muted);font-size:13px;margin-right:2px}
.ybsl__chip{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(0,0,0,.12);padding:8px 10px;border-radius:999px;background:#fff;cursor:pointer;font-size:13px}
.ybsl__chip input{margin:0}

.ybsl__layout{display:grid;grid-template-columns: 1.5fr 1fr;gap:12px}
@media (max-width: 900px){
  .ybsl__layout{grid-template-columns: 1fr}
  .ybsl__list{max-height: 380px !important}
}

.ybsl__map{width:100%;border:1px solid rgba(0,0,0,.06);border-radius:16px;overflow:hidden;min-height:420px}
.ybsl__list{border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:10px;background:var(--ybsl-panel);overflow:auto}

.ybsl__store{padding:12px;border-radius:12px;border:1px solid rgba(0,0,0,.06);background:#fff;margin-bottom:10px;cursor:pointer}
.ybsl__store:last-child{margin-bottom:0}
.ybsl__store.is-active{outline:2px solid var(--ybsl-accent)}
.ybsl__name{font-weight:800;font-size:15px;margin-bottom:4px}
.ybsl__meta{color:var(--ybsl-muted);font-size:13px;line-height:1.35}
.ybsl__badges{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}
.ybsl__badge{font-size:12px;border:1px solid rgba(0,0,0,.10);padding:4px 8px;border-radius:999px;background:#f8f8f8}

.ybsl__actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}
.ybsl__btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.12);text-decoration:none;font-weight:700;font-size:13px;color:var(--ybsl-text);background:#fff}
.ybsl__btn.primary{background:var(--ybsl-accent);color:#fff;border-color:transparent}
