/* Plateforme : pages d univers, categories, recherche et espace client (jamais l accueil, dont le budget de 110 Ko porte le catalogue). Tokens : premium.css ; accueil : plateforme.css + vivant.css. */
.prepa-contact{margin:var(--s-5) 0 0;max-width:44rem;color:var(--c-ink-2)}
.prepa-corps{padding-block:clamp(32px,5vw,72px)}
.prepa-intro{max-width:44rem;margin-bottom:var(--s-6)}
.prepa-intro h2{margin:0 0 var(--s-3)!important;font:var(--f-poids-affiche) clamp(1.6rem,1.2rem + 1.4vw,2.4rem)/1.05 var(--f-titre)!important;letter-spacing:-.03em}
.prepa-intro p{margin:0;color:var(--c-ink-2)}
.prepa-sortie{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin-top:var(--s-6)}
.prepa-sortie p{margin:0;font-weight:700}
.prepa-sortie ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.services{margin-top:var(--s-6)}
.services-titre{font:500 var(--t-xl)/1.2 var(--f-affiche)!important;margin:0 0 var(--s-3)!important}
.services ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 var(--s-5)}
.services a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px var(--s-3);min-height:72px;padding:var(--s-3) 0;border-bottom:1px solid var(--c-line);text-decoration:none;color:var(--c-ink)!important}
.services-univers{grid-column:1;font-size:var(--t-xs);font-weight:700;color:var(--c-ok)}
.services-nom{grid-column:1;font-weight:700}
.services a .ico{grid-row:1/3;grid-column:2;transition:transform var(--m-base) var(--ease-s)}
.services a:hover .ico{transform:translateX(4px)}
.univers-corps{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(24px,4vw,64px);padding-block:clamp(32px,5vw,72px)}
.univers-principal{min-width:0}
.univers-principal>.offre+.offre{margin-top:var(--s-5)}
.univers-rayons{min-width:0}
.rayon{padding:var(--s-4) 0;border-top:1px solid var(--c-line)}
.rayon:first-child{border-top:4px solid var(--u)}
.rayon-tete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.rayon h2{margin:0!important;font:700 var(--t-lg)/1.2 var(--f-titre)!important}
.rayon h2 a{display:inline-flex;align-items:center;min-height:44px;color:var(--c-ink)!important;text-decoration:none}
.rayon .pastille{color:var(--c-ink-3)}
.rayon .pastille--ouvert{color:var(--c-ink)}
.rayon-sous{list-style:none;margin:var(--s-2) 0 0;padding:0;font-size:var(--t-sm);color:var(--c-ink-2)}
.rayon-sous li{display:flex;align-items:center;gap:8px;min-height:34px}
.rayon-sous small{color:var(--c-ink-3)}
.rayon-sous li a{display:inline-flex;align-items:center;min-height:var(--cible)}
.prepa{padding:clamp(24px,4vw,48px);border:1.5px dashed var(--c-line-2);border-radius:22px;background:var(--u-surface);color:var(--u-encre)}
.prepa-titre{margin:0 0 var(--s-3);font:var(--f-poids-affiche) clamp(1.6rem,1.2rem + 1.4vw,2.4rem)/1.05 var(--f-titre);letter-spacing:-.03em}
.prepa>p{max-width:40rem}
.recherche-univers{margin-top:var(--s-5)}
.recherche-univers label{display:block;margin-bottom:var(--s-2);font-weight:700}
.resultat-compte{margin:0 0 var(--s-4);font-weight:700;color:var(--c-ink-2)}
.saison{margin-top:var(--s-6);padding:var(--s-5);border-left:4px solid var(--c-or);background:var(--c-surface);border-radius:0 16px 16px 0}
.saison h2{font-size:var(--t-xl)!important;margin:0 0 var(--s-2)!important}
.saison a{display:inline-flex;align-items:center;gap:6px;min-height:var(--cible);font-weight:700}
.guides-lies{margin-top:var(--s-6)}
.guides-lies h2{font-size:var(--t-xl)!important}
.guides-lies ul{list-style:none;margin:0;padding:0}
.guides-lies a{display:flex;flex-direction:column;gap:2px;padding:var(--s-3) 0;border-bottom:1px solid var(--c-line);text-decoration:none;color:var(--c-ink)!important}
.guides-lies a span{font-weight:700}
.guides-lies small{color:var(--c-ink-3)}
.recherche-page{padding-block:clamp(24px,4vw,56px) var(--s-8)}
.grande-recherche--page{max-width:none}
.recherche-intention{margin-top:var(--s-4)}
.recherche-grille{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--s-6);margin-top:var(--s-6)}
.recherche-grille:has(.facettes[hidden]){grid-template-columns:minmax(0,1fr)}
.espace{padding-block:clamp(32px,5vw,72px) var(--s-8)}
.narrow-l{max-width:52rem}
.espace h1{font:500 clamp(2.5rem,1.7rem + 3vw,4.2rem)/1 var(--f-affiche)!important;letter-spacing:-.012em}
.espace-lede{font-size:var(--t-md);color:var(--c-ink-2);max-width:40rem}
.espace-vide{display:flex;align-items:center;gap:8px;padding:var(--s-6);border:1.5px dashed var(--c-line-2);border-radius:18px;color:var(--c-ink-2)}
.etapes{counter-reset:e;list-style:none;margin:var(--s-5) 0;padding:0}
.etapes li{counter-increment:e;position:relative;padding:var(--s-4) 0 var(--s-4) 56px;border-top:1px solid var(--c-line)}
.etapes li::before{content:counter(e);position:absolute;left:0;top:var(--s-4);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--c-noir);color:var(--c-or-clair);font-weight:700}
@media(max-width:1023px){.univers-corps{grid-template-columns:1fr}.recherche-grille{grid-template-columns:1fr}}
@media(pointer:coarse){.rayon-sous li a,.services a,.guides-lies a{min-height:44px;display:inline-flex;align-items:center}}
.portes-bientot{margin:0;font-size:var(--t-sm);color:var(--c-ink-3)}
.portes-bientot a{color:var(--c-ink-2)!important}
.rayons-ouverts-titre{margin:0 0 var(--s-3)!important;font:700 var(--t-md)/1.3 var(--f-titre)!important}
.rayons-ouverts{list-style:none;margin:0 0 var(--s-6);padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:0 var(--s-5)}
/* Revue premium 06.10 : a 1440, 5 entrees en 4 colonnes laissaient « Methode et sources » seule sur sa ligne et des hauteurs
   inegales. Le rayon reellement ouvert (li[style]) prend toute la ligne ; les acces de service suivent en 2 puis 4 colonnes. */
.rayons-ouverts:has(>li[style]){grid-template-columns:minmax(0,1fr)}
@media(min-width:600px){.rayons-ouverts:has(>li[style]){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.rayons-ouverts:has(>li[style]){grid-template-columns:repeat(4,minmax(0,1fr))}}
.rayons-ouverts>li[style]{grid-column:1/-1}
.rayons-ouverts li{min-width:0;display:grid}
.rayons-ouverts a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--s-3);align-items:center;min-height:64px;padding:var(--s-3) 0;border-bottom:1px solid var(--c-line);color:var(--c-ink)!important;text-decoration:none}
.rayons-ouverts li[style] a{padding-left:12px;border-left:4px solid var(--u)}
.rayons-ouverts strong{font:700 var(--t-md)/1.25 var(--f-titre);overflow-wrap:anywhere}.rayons-ouverts span{grid-column:1;font-size:var(--t-sm);color:var(--c-ink-2)}
.rayons-ouverts .ico{grid-row:1/3;grid-column:2;transition:transform var(--m-base) var(--ease-s)}.rayons-ouverts a:hover .ico{transform:translateX(3px)}
.prepa-corps .grande-recherche{max-width:44rem;margin-top:var(--s-2)}
@media(prefers-reduced-motion:reduce){.rayons-ouverts .ico{transition:none}}
/* V3.2 : entrer dans une aile = la page avance d un pas (transition de vue, mouvement plein, >= 768 px). */
@media(min-width:768px){:root[data-mouvement=plein]::view-transition-old(root){animation:vt-recul .3s var(--ease-s) both}:root[data-mouvement=plein]::view-transition-new(root){animation:vt-avance .42s var(--ease-s) both}}@keyframes vt-recul{to{opacity:0;transform:scale(.97)}}@keyframes vt-avance{from{opacity:0;transform:scale(1.025)}}
