/* Deals page specific styles */
.page-hero {
  background: linear-gradient(135deg, rgba(37,99,235,.1), rgba(16,185,129,.08));
  padding: var(--space-40) 0 var(--space-20) 0;
}
.hero-inner { display: grid; gap: var(--space-24); align-items: stretch; grid-template-columns: 1.2fr .8fr; }
@media (max-width: 900px) { .hero-inner { grid-template-columns: 1fr; } }
.hero-actions { display: flex; gap: var(--space-12); margin-top: var(--space-16); flex-wrap: wrap; }
.hero-aside { align-self: center; }
.deal-filters { display: grid; gap: var(--space-12); }
.deal-filters .filter-row { display: grid; gap: var(--space-8); }

/* Deals grid */
.deals-grid { display: grid; gap: var(--space-24); grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 1000px) { .deals-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px)  { .deals-grid { grid-template-columns: 1fr; } }

.deal-card .deal-media { position: relative; overflow: hidden; border-radius: var(--radius-md); }
.deal-card img { border-radius: var(--radius-md); }
.badge {
  position: absolute; top: var(--space-12); left: var(--space-12);
  background: var(--color-success); color: #fff; font-weight: 700; font-size: var(--text-sm);
  padding: 6px 10px; border-radius: var(--radius-round); box-shadow: var(--shadow-md);
}
.deal-content { display: grid; gap: 8px; margin-top: var(--space-12); }
.deal-title { margin: 0; }
.price-row { display: flex; align-items: baseline; gap: var(--space-12); margin-block: 4px 6px; }
.price-now { font-weight: 800; font-size: 1.25rem; color: var(--color-primary); }
.price-was { color: var(--gray-500); text-decoration: line-through; }
.rating { color: #f59e0b; letter-spacing: 2px; font-size: 0.9rem; }

/* Limited offers */
.limited-grid { display: grid; gap: var(--space-24); grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 1000px) { .limited-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px)  { .limited-grid { grid-template-columns: 1fr; } }
.limited-media img { border-radius: var(--radius-md); }
.deal-timer { display: inline-flex; align-items: center; gap: 6px; background: var(--gray-100); padding: 6px 10px; border-radius: var(--radius-round); font-variant-numeric: tabular-nums; }
.deal-timer .js-countdown { font-weight: 700; }

/* Partners */
.partners-grid { display: grid; gap: var(--space-24); grid-template-columns: repeat(4, minmax(0,1fr)); }
@media (max-width: 1000px) { .partners-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px)  { .partners-grid { grid-template-columns: 1fr; } }
.partner-card h3 { margin-top: 0; }

/* Seasonal promo */
.promo-season .promo-wrap { display: grid; gap: var(--space-24); grid-template-columns: 1.1fr .9fr; align-items: center; }
@media (max-width: 900px) { .promo-season .promo-wrap { grid-template-columns: 1fr; } }
.promo-points { margin: var(--space-12) 0; padding-left: var(--space-16); }
.promo-points li { margin: 6px 0; }
.promo-media img { border-radius: var(--radius-md); }

/* Top picks */
.picks-grid { display: grid; gap: var(--space-24); grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 1000px) { .picks-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px)  { .picks-grid { grid-template-columns: 1fr; } }
.pick-card img { border-radius: var(--radius-md); }
.pick-content { display: grid; gap: 8px; margin-top: var(--space-12); }

/* Tips */
.tips-grid { display: grid; gap: var(--space-24); grid-template-columns: repeat(2, minmax(0,1fr)); }
@media (max-width: 900px) { .tips-grid { grid-template-columns: 1fr; } }
.tips-list { padding-left: var(--space-16); }
.tips-list li { margin: 6px 0; }

/* Loyalty */
.loyalty .loyalty-card { display: flex; align-items: center; justify-content: space-between; gap: var(--space-24); flex-wrap: wrap; }
.loyalty-list { padding-left: var(--space-16); margin-top: var(--space-8); }
.loyalty-actions { display: flex; gap: var(--space-12); flex-wrap: wrap; }

/* Minor tweaks */
.page-hero h1 { margin-bottom: var(--space-8); }
.partner-card .btn { margin-top: var(--space-8); }