/* ==========================================================================
   Deal radar (/deals, /deals/:make, /price-drops; views/deals.ejs). Layout
   only: the hero comes from seo.css, the cards, upsell and pager from
   search.css, and everything else from lcd.css.
   ========================================================================== */

.deals-hero__lede {
    max-width: 62ch;
}

.deals-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}

.deals-tab.is-active {
    background: var(--ink);
    border-color: var(--ink);
    color: var(--on-ink);
}

.deals-stats {
    margin-top: 24px;
}

.deals-results {
    padding-top: 0;
}

.deals-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px 20px;
}

.deals-toolbar__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 20px;
}

.deals-upsell {
    margin-top: 20px;
}

.deals-empty {
    margin-top: 24px;
}

.deals-more {
    margin-top: 16px;
    text-align: center;
    font-size: 0.875rem;
}