/* Aanbiedingenpagina, /aanbiedingen/. Een HTML-boom voor alle breedtes. */

.aa-titel {
    font-size: 68px;
    line-height: 1.08;
    margin-bottom: 24px;
}

.aa-artikel { max-width: 68ch; }

@media (max-width: 1024px) {
    .aa-titel { font-size: 52px; }
}

@media (max-width: 720px) {
    .aa-titel { font-size: 38px; }
}

/* Mobiele knop naar de acties; .sticky-cta in styles.css. De footer krijgt
   ruimte zodat zijn laatste regel niet onder de knop verdwijnt. */
.aa-sticky-cta .price-block { font-size: 11px; }
@media (max-width: 720px) {
    body:has(.aa-sticky-cta) { padding-bottom: 80px; }
}

/* Actiepagina, /aanbiedingen/<actie>/. Titels van acties zijn lang. */
.aa-actie-titel { font-size: 52px; line-height: 1.1; max-width: 22ch; }
@media (max-width: 720px) {
    .aa-actie-titel { font-size: 32px; }
}