.courses-toolbar{
  display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px;
}
.courses-search-wrap{position:relative;flex:1;min-width:220px}
.courses-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--ink-soft);pointer-events:none}
.courses-search-wrap .catalog-search{width:100%}

.price-mode-group{display:flex;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;flex-shrink:0}
.price-mode-btn{
  padding:9px 16px;font-size:13.5px;font-weight:600;background:var(--paper-raised);color:var(--ink-soft);
  border:none;border-right:1px solid var(--line-strong);cursor:pointer;
}
.price-mode-btn:last-child{border-right:none}
.price-mode-btn.active{background:var(--blue);color:#fff}

.price-bucket-select{
  padding:9px 14px;border-radius:8px;border:1px solid var(--line-strong);
  background:var(--paper-raised);font-size:13.5px;color:var(--ink);flex-shrink:0;
}

.courses-result-count{font-size:13px;color:var(--ink-soft);margin:0 0 16px}

.course-free-badge{
  position:absolute;left:10px;top:10px;
  background:var(--green);color:#fff;font-size:11px;font-weight:700;
  padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.03em;
}

@media (max-width:640px){
  .courses-toolbar{flex-direction:column;align-items:stretch}
  .price-mode-group{width:100%}
  .price-mode-btn{flex:1}
}