/* Presto · lot 12 (retours de Vincent du 03/11/2026), chargé après lot11 dans l'embed « Lot 5 ». */

/* 1. Pastille de survol des cases : l'emblème Presto au centre à la place de la flèche */
.h5-pastille { width: 132px; height: 132px; margin: -66px 0 0 -66px; }
.h5-pastille-fl { width: 54px; height: 46px; font-size: 0; color: transparent; background: url('https://cdn.prod.website-files.com/694e9406655a37d8f6eb1cd5/6ad5eb2b754ca413b10a2c9f_presto-v6-embleme_orange.svg') center / contain no-repeat; transform: rotate(-8deg); }

/* 2. Bouton « Découvrir notre vision » : l'orange de la marque, plus petit */
.h5-q-vision .h5-vision-block .h5-vb-btn .h5-btn { font-size: 14px; letter-spacing: 0.24em; color: #ff4e00; }
.h5-q-vision .h5-vision-block .h5-vb-btn .h5-btn:hover { color: #1a1a1a; }

/* 5. Avis : la scène ne coupe plus les cartes en bas quand elle se décolle (seuls les bords gauche et droit coupent) */
.is-grand .h5-passe-scene { overflow-x: clip; overflow-y: visible; }

/* 7. Recette : illustration plus petite, ingrédient et pizza groupés au centre */
.h5-plan-rail { width: clamp(220px, calc(100% - 1060px), 300px); }
/* la pizza au centre de l'écran (le texte de l'étape se cale sur elle), l'ingrédient arrive au-dessus */
.h5-plan { top: calc(50vh - min(250px, 38vh)); height: min(500px, 76vh); justify-content: center; }
.h5-plan-ing { position: absolute; top: 0; left: 0; right: 0; width: min(140px, 50%); margin: 0 auto; }

/* 8. Calculateur : la Tournée en 4e taille, ce qui est inclus en plus léger sur le ticket */
.h5-cfg-tailles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.h5-cfg-taille-in.is-tournee .h5-cfg-taille-nom { white-space: nowrap; }
.h5-cfg-segment { grid-template-columns: repeat(3, minmax(0, 1fr)); border-radius: 22px; }
.h5-cfg-segment .h5-cfg-pastille-txt { font-size: 12px; letter-spacing: 0.08em; }
.h5-tkt-ligne.is-inclus .h5-tkt-lib, .h5-tkt-ligne.is-inclus .h5-tkt-prix { opacity: 0.55; font-weight: 400; }
@media screen and (max-width: 1279px) { .h5-cfg-tailles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media screen and (max-width: 767px) { .h5-cfg-tailles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } }