.page.page-deal .container{max-width:920px;margin:0 auto;padding:0 1rem}
.deal-page-title{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.2;margin:2.2rem 0 .75rem;text-align:left}
.deal-page-hero.has-image .deal-page-title{margin-top:0.75rem}
.deal-page-excerpt{margin:.25rem 0 1.25rem;font-size:1.05rem;line-height:1.6;opacity:.75}
.deal-page-figure{display:block;margin:0}
.deal-page-figure img{width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border-radius:12px;display:block;margin:0 0 1.25rem}

/*
  Deal POSTS (custom-deals.hbs) should show the full header image (no crop)
  while keeping the same overall layout as the Deals page.
  This is scoped via the body class injected by the template: `deal-template`.
*/
.deal-template .deal-page-figure{margin:0 0 1.25rem;width:100%;max-width:none}
.deal-template .deal-page-figure img{aspect-ratio:auto;object-fit:contain;margin:0}
.deal-page-content{font-size:1.05rem;line-height:1.7}