.wbb button.wbk-chip{font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.wbb-bar .wbk-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.wbb-bar .wbk-row::-webkit-scrollbar{display:none}
.wbb-bar .wbk-chips{flex-wrap:nowrap}
.wbb-bar .wbk-chip{flex:none}
.wbb-strip__right{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.wbb-cta{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;background:var(--wbk-acc);color:#fff;font-size:15px;font-weight:900;text-decoration:none;white-space:nowrap}
.wbb-cta:hover{color:#fff;filter:brightness(.92)}
.wbb-cta--ghost{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.wbb-cta--ghost:hover{color:var(--ink);filter:none;background:#F6F3EE}
.wbb-cta:focus-visible{outline:3px solid #3B5BA9;outline-offset:2px}
.wbb-list{display:flex;flex-direction:column;gap:20px;padding-top:24px;padding-bottom:32px}
.wbb-sec{border:1px solid var(--line);border-radius:20px;padding:22px}
.wbb-sec__head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:16px}
.wbb-rozet{background:#FFF0F1;color:var(--wbk-acc);font-size:13px;font-weight:900;padding:4px 10px;border-radius:8px}
.wbb-all{margin-left:auto;color:var(--wbk-acc);font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}
.wbb-all:hover{text-decoration:underline;color:var(--wbk-acc)}
.wbb-all:focus-visible{outline:3px solid #3B5BA9;outline-offset:2px}
.wbb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.wbb-skel{aspect-ratio:3/4;border-radius:20px;background:var(--soft)}
.wbb-empty{grid-column:1/-1;margin:0;font-size:14px;font-weight:700;color:var(--muted)}
@media (max-width:989px){
  .wbb-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:6px}
  .wbb-grid .wbk-card,.wbb-grid .wbb-skel{flex:0 0 220px;scroll-snap-align:start}
}
@media (max-width:749px){
  .wbb-strip__right{width:100%}
  .wbb-cta{width:100%;justify-content:center;min-height:44px;font-size:14px}
  .wbb-sec{padding:16px;border-radius:16px}
  .wbb-list{gap:14px;padding-top:16px}
  .wbb-rozet{font-size:12px}
  .wbb-all{font-size:13px}
  .wbb-grid .wbk-card,.wbb-grid .wbb-skel{flex-basis:170px}
  .wbb-grid .wbk-card__body{padding:12px}
  .wbb-grid .wbk-card__rate{font-size:13px;padding:4px 9px;top:8px;left:8px}
  .wbb-grid .wbk-btn{min-height:40px;font-size:13px}
}
