/* Deals page (/deals/). Loaded only there. Uses tokens from main.css. */
.deals__filters { display: grid; gap: var(--s3); margin-bottom: var(--s5); }
.chip[aria-pressed] { cursor: pointer; }
.chip[aria-pressed="true"] { background: var(--c-brand); border-color: var(--c-brand); color: #fff; }
.chip[aria-pressed="true"] .chip__count { color: inherit; opacity: .85; }

.deals__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s3); }
.deals__pricing { display: flex; align-items: center; gap: var(--s2); }
.deals__pricing label { font-size: var(--fs-sm); font-weight: 600; color: var(--c-muted); }
.deals__pricing select { min-height: 44px; padding: var(--s2) var(--s3); border: 1px solid var(--c-border); border-radius: var(--radius); background: var(--c-bg); }
.deals__sort { flex-wrap: wrap; align-items: center; }
.deals__count { margin: 0; font-size: var(--fs-sm); color: var(--c-muted); }
.deals__grid { display: grid; gap: var(--s4); list-style: none; margin: 0 0 var(--s6); padding: 0; }
@media (min-width: 640px) { .deals__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .deals__grid { grid-template-columns: repeat(3, 1fr); } }
.deal-card { display: flex; flex-direction: column; gap: var(--s3); padding: var(--s4); border: 1px solid var(--c-border); border-radius: var(--radius-lg); background: var(--c-bg); box-shadow: var(--shadow); }
.deal-card[hidden] { display: none; }
.deal-card__top { display: flex; align-items: center; gap: var(--s3); }
.deal-card__logo { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; overflow: hidden; border: 1px solid var(--c-border); border-radius: var(--radius); background: var(--c-surface); font-weight: 700; color: var(--c-brand-strong); }
.deal-card__logo img { width: 100%; height: 100%; object-fit: contain; }
.deal-card__head { flex: 1; min-width: 0; }
.deal-card__tool { margin: 0; font-size: var(--fs-md); }
.deal-card__tool a { color: var(--c-text); text-decoration: none; }
.deal-card__tool a:hover { color: var(--c-brand-strong); text-decoration: underline; }
.deal-card__cat { font-size: var(--fs-sm); color: var(--c-muted); }
.deal-card__percent { padding: var(--s1) var(--s2); border-radius: var(--radius); background: var(--c-deal-bg); color: var(--c-deal); font-weight: 800; font-size: var(--fs-lg); line-height: 1.2; }
.deal-card__title { margin: 0; font-weight: 600; }
.deal-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s3); margin-top: auto; }
.deal-card__review { margin-left: auto; font-size: var(--fs-sm); font-weight: 600; }
.deal-card__meta { display: flex; flex-wrap: wrap; gap: var(--s1) var(--s3); margin: 0; font-size: var(--fs-sm); color: var(--c-muted); }
.deal-card__meta span { display: inline-flex; align-items: center; gap: var(--s1); }
.deals-page .newsletter--inline { margin-top: var(--s6); }