/* Accueil resserré : mêmes couleurs, typographies et formes, moins de hauteur. */


/* Visite : le premier pas en une ligne. */
.app-tour-steps{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0 auto clamp(28px,4vw,48px);padding:0;list-style:none;max-width:1240px;font-size:.95rem;color:var(--wine)}
.app-tour-steps li{display:flex;align-items:center;gap:10px}
.app-tour-steps span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--wine);color:var(--lime);font-family:var(--serif);font-style:italic;font-size:.95rem}

/* Fidélité : une phrase visible, la simulation interactive se déplie. */
.loyalty-section.is-compact{padding-top:clamp(26px,3.5vw,44px);padding-bottom:clamp(24px,3vw,36px)}
.loyalty-section.is-compact .loyalty-heading{margin-bottom:18px;align-items:center}
.loyalty-section.is-compact h2{font-size:clamp(2rem,3.4vw,3.2rem)}
.loyalty-sim>summary{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:10px 20px;border-radius:var(--r-pill);background:#faf9f2;color:#351920;font-weight:600;font-size:.95rem;cursor:pointer;list-style:none;transition:background-color 200ms var(--ease-out)}
.loyalty-sim>summary::-webkit-details-marker{display:none}
.loyalty-sim>summary span{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform 200ms var(--ease-out)}
.loyalty-sim[open]>summary span{transform:translateY(2px) rotate(-135deg)}
.loyalty-sim>summary:focus-visible{outline:2px solid #627853;outline-offset:3px}
.loyalty-sim-body{padding-top:28px}
@media(hover:hover) and (pointer:fine){.loyalty-sim>summary:hover{background:#fff}}

/* À table ensemble : le bandeau reste, en version courte. */
.together.is-compact{padding-top:clamp(48px,6vw,84px);padding-bottom:clamp(48px,6vw,84px);align-items:center}
.together.is-compact .together-intro h2{font-size:clamp(3rem,5.2vw,5.6rem);margin:16px 0 20px}
.together.is-compact .together-lead{max-width:30ch;margin-bottom:18px}
.together.is-compact .text-link{color:var(--wine-deep);font-weight:600}
.together.is-compact .together-details li{padding:16px 0;align-items:center}
.together.is-compact .together-details h3{margin:0}
.together.is-compact .together-details .together-status{margin-top:18px}

/* Un léger souffle entre le bandeau vert et la carte des avis. */
.together.is-compact+.home-reviews{padding-top:clamp(28px,4vw,56px)}

/* Avis : sur téléphone, cartes que l'on fait glisser au pouce. */
@media(max-width:760px){
 .home-reviews-rating{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:16px}
 .home-reviews-rating strong{font-size:1.05rem}
 .home-reviews-intro{margin-top:12px;font-size:.92rem}
 .home-reviews-list{display:flex;gap:12px;margin:22px -24px 0;padding:4px 24px 16px;border:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;scrollbar-width:none;overscroll-behavior-x:contain}
 .home-reviews-list::-webkit-scrollbar{display:none}
 .home-reviews-list:focus-visible{outline:2px solid var(--wine);outline-offset:-2px;border-radius:20px}
 .home-review{flex:0 0 82%;scroll-snap-align:start;gap:14px;padding:22px 20px;border-radius:22px;background:var(--paper)}
 .home-review+.home-review{padding-top:22px;border-top:0}
 .home-review blockquote{font-size:1.4rem}
 .home-reviews-footer{margin-top:6px}
 .home-reviews-footer p{margin-top:4px}
 .app-tour-steps{flex-direction:column;align-items:flex-start;gap:10px;padding-inline:20px;font-size:.9rem}
 .loyalty-section.is-compact h2{font-size:2.1rem}
 .together.is-compact .together-intro h2{font-size:3rem}
 /* Les trois étapes tiennent en liste courte : pas besoin de carrousel. */
 .together.is-compact .together-details{padding:8px 20px 18px}
 .together.is-compact .together-details ol{display:block;padding:0;overflow:visible}
 .together.is-compact .together-details li{flex-direction:row;gap:14px;padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
 .together.is-compact .together-details li:last-child{margin-right:0}
 .together.is-compact .together-details h3{font-size:1rem}
 .together.is-compact .together-details .together-status{margin-top:14px}
}
@media(prefers-reduced-motion:reduce){.loyalty-sim>summary,.loyalty-sim>summary span{transition:none}}