/* LES PAGES DE DÉCOUVERTE, Gâteaux par occasion et Gâteaux par thème (scripts/pages.mjs ; cahier d'Hakim, 11 oct.).
   Le héros est celui des pages intérieures (interieur.css), un peu plus court ; les cartes sont celles des carrousels
   (complements.css : cadre fin, photo entière au format des cartes, nom, phrase et petite flèche ; au survol et au
   clavier, le cadre passe au noir et la flèche prend un fond gris), posées en grille : trois par rangée à
   l'ordinateur, deux à la tablette, une au téléphone, avec le même écart partout. */
.decouverte-hero{padding-bottom:32px}
/* À partir de la tablette, la phrase en italique du titre commence sa propre ligne : le titre ne se coupe jamais au
   milieu d'une phrase (« … célébrer. Un / gâteau … »). */
@media(min-width:760px){.decouverte-hero h1 em{display:block}}
.decouverte{max-width:1100px}
.decouverte-grille{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
@media(min-width:600px){.decouverte-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.decouverte-grille{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Une carte seule sur la dernière rangée se place au milieu : à la tablette, les neuf thèmes en laissent une. */
@media(min-width:600px) and (max-width:899.98px){.decouverte-grille>.decouverte-carte:last-child:nth-child(2n+1){grid-column:1 / -1;justify-self:center;width:calc((100% - 24px) / 2)}}
@media(min-width:900px){.decouverte-grille>.decouverte-carte:last-child:nth-child(3n+1){grid-column:2}}
/* Une catégorie qui n'a pas encore de gâteau : à la place de la photo, le petit gâteau sur fond gris et « Créations à
   venir », dans le même cadre. */
.decouverte-attente{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;background:var(--ivory);color:var(--doux);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}
.decouverte-attente img{width:48px;height:52px;object-fit:contain}
/* Le petit bouton vers l'autre page de découverte, discret, centré sous les cartes. */
.decouverte-autre{margin:32px 0 0;text-align:center}
/* L'invitation commune, sous le petit gâteau : blanche, sans filets ni icône, comme à la fin de la galerie ; le titre
   à 24 px du séparateur, comme partout. */
.closing.decouverte-invitation{background:#fff;border:0}
.decouverte-invitation h2{margin-top:0}
.decouverte-invitation>p{max-width:620px;margin-inline:auto}
@media(max-width:620px){.decouverte-hero{padding-bottom:24px}.decouverte-autre{margin-top:28px}}
