La promo di settembre subentra ai bundle il 5, cinque pacchetti

Gli Opening Bundles scadono il 04/09 alle 23:59:59 e dopo di loro non c'era
nessuna edizione: dal 5 il sito avrebbe mostrato "Nessuna promozione in corso"
mentre le promo erano vive. Adriano ha consegnato le sei creative il 03/09.

Edizione `settembre-2026` (5 -> 19 settembre, chiude il giorno
dell'inaugurazione): tornano i pacchetti da 5 incontri, con in piu' il
Check-up avanzato, che e' una valutazione singola e per questo dice
"1 valutazione" invece di "5 incontri". Prezzi 250/150/130/80/70.

Due cose che la struttura non prevedeva:

- **Nessun prezzo barrato.** Le creative danno il solo prezzo promo, e i
  listini pieni di agosto (300/220/140/100) sono numeri che nessuno ha
  riconfermato - riportarli accanto ai nuovi sarebbe stato inventarli.
  `price-old` diventa opzionale nella CardSpec (`priceOld`) invece di essere
  un tag vuoto: cosi' la spec dichiara che quella card non ne ha, e il test
  lo pretende solo dove c'e'. Agosto e i bundle sono marcati `priceOld: true`,
  quindi restano sotto controllo come prima.

- **Cinque card non stanno in una griglia da due o da tre** senza lasciare un
  buco in fondo. `.cards-5` va a sei colonne con span due, cosi' le ultime due
  si spostano al centro; a due card per riga sotto i 1000px, a una sotto i 700.

Testi ripresi dall'edizione di agosto, gia' approvata dal cliente, cambiando
solo cio' che le date rendevano falso: la FAQ delle class diceva "gli orari
saranno pubblicati entro Settembre" e adesso e' settembre, quindi rimanda al
calendario che esiste. La FAQ 7 sul Check-up e' nuova e va fatta leggere a
Nicola prima della pubblicazione.

186 test verdi, `astro check` invariato (i 3 errori della pagina promo sono
preesistenti e non toccati).

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01FPKFABRT3y26dFNMquF3CS

src/pages/promo-eventi/promo.astro

@@ -114,7 +114,7 @@ const countdownDeadline = ed ? t(tg('countdown.deadline')) : '';
                   {c.question && <T tag={tg(`card.${c.id}.question`)} as="p" class="question" />}
                   <div class="price-row">
                     <T tag={tg(`card.${c.id}.price`)} as="div" class="price" />
-                    <T tag={tg(`card.${c.id}.price-old`)} as="div" class="price-old" />
+                    {c.priceOld && <T tag={tg(`card.${c.id}.price-old`)} as="div" class="price-old" />}
                   </div>
                   {c.unit && <T tag={tg(`card.${c.id}.unit`)} as="div" class="unit" />}
                   <ul>
@@ -296,6 +296,16 @@ const countdownDeadline = ed ? t(tg('countdown.deadline')) : '';
   .lp .cards-3 { grid-template-columns: repeat(3, 1fr); }
   .lp .cards-3 .card { display: flex; flex-direction: column; }
   .lp .cards-3 .card .buy { margin-top: auto; }
+
+  /* CARD DELLE EDIZIONI A CINQUE (promo settembre). Cinque non si divide in una griglia a due
+     o a tre colonne senza lasciare un buco in fondo: la griglia è a sei colonne e ogni card ne
+     occupa due, così le ultime due si spostano al centro invece di restare allineate a sinistra
+     con un vuoto accanto. */
+  .lp .cards-5 { grid-template-columns: repeat(6, 1fr); }
+  .lp .cards-5 .card { grid-column: span 2; display: flex; flex-direction: column; }
+  .lp .cards-5 .card .buy { margin-top: auto; }
+  .lp .cards-5 .card:nth-child(4) { grid-column: 2 / span 2; }
+  .lp .cards-5 .card:nth-child(5) { grid-column: 4 / span 2; }
   .lp .card .question {
     margin: 0 0 14px; font-size: 15px; line-height: 1.4; font-weight: 700; color: #2D2D2D;
   }
@@ -343,9 +353,22 @@ const countdownDeadline = ed ? t(tg('countdown.deadline')) : '';
   .lp .faq-block.is-open .faq-a { display: block; }
   .lp .faq-a .hl { color: #8A6E3F; }
 
+  /* Sotto i 1000px tre colonne diventano troppo strette per un prezzo e un elenco: le cinque
+     card passano a due per riga (griglia a quattro, span due), con la quinta al centro. */
+  @media (max-width: 1000px) and (min-width: 701px) {
+    .lp .cards-5 { grid-template-columns: repeat(4, 1fr); }
+    .lp .cards-5 .card:nth-child(4) { grid-column: span 2; }
+    .lp .cards-5 .card:nth-child(5) { grid-column: 2 / span 2; }
+  }
+
   @media (max-width: 700px) {
     .lp .hero, .lp .launch, .lp .why5, .lp .cards-wrap, .lp .faq-wrap { padding-left: 28px; padding-right: 28px; }
     .lp .cards { grid-template-columns: 1fr; }
+    /* A una colonna gli span e le collocazioni delle ultime due card lascerebbero righe vuote. */
+    .lp .cards-5 { grid-template-columns: 1fr; }
+    .lp .cards-5 .card,
+    .lp .cards-5 .card:nth-child(4),
+    .lp .cards-5 .card:nth-child(5) { grid-column: auto; }
     .lp .countdown .cd-boxes { gap: 6px; }
     .lp .countdown .cd-box { min-width: 0; flex: 1; padding: 10px 4px; }
     .lp .countdown .cd-num { font-size: 22px; }