.deals-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:18px 0 12px}
.deals-heading h2{margin:0}
.deals-heading p{margin:4px 0 0;color:var(--muted)}
.tabs{display:flex;gap:8px;flex-wrap:wrap}
.tabs button{border:1px solid var(--border);background:white;border-radius:999px;padding:9px 13px;font-weight:800}
.tabs .active{background:var(--green);color:white}
.deal-list{display:grid;gap:12px}

@media(max-width:760px){
  .deals-heading{display:grid}
}