/* stay.v1.css · socle front de la réservation directe (modèle C)
   Inter Tight seule. Textes : t1, t2, t3, num, body 18, ui 16 (+ .btn 600), cap 13. */
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-tight-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-tight-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--marine:#1F2A44;--sable:#E9E7E1;--orange:#FF7E15;--gris:#5b6275;--line:rgba(31,42,68,.14);--ok:#1F2A44;
  --out:cubic-bezier(.16,1,.3,1);--io:cubic-bezier(.75,0,.25,1);--spring:cubic-bezier(.34,1.56,.64,1);--bar-h:0px}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}
body{background:#fff;color:var(--marine);font-family:"Inter Tight",system-ui,sans-serif;font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--marine);outline-offset:3px;box-shadow:0 0 0 2px #fff}
.dark :focus-visible,.hero :focus-visible,.viewer :focus-visible,.nav:not(.is-solid) :focus-visible{outline-color:var(--orange);box-shadow:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Textes */
.t1,.t2,.t3,.num{font-weight:500;letter-spacing:-.035em}
.t1{font-size:clamp(40px,5.8vw,76px);line-height:1.02;max-width:12em}
.t2{font-size:clamp(30px,3.6vw,48px);line-height:1.06;margin-bottom:20px;max-width:13em}
.t3{font-size:20px;line-height:1.2;letter-spacing:-.02em;font-weight:600}
.num{font-size:clamp(36px,4.6vw,60px);line-height:1;font-weight:400;font-variant-numeric:tabular-nums}
.ui{font-size:16px;line-height:1.4}
.cap{font-size:13px;line-height:1.4;color:var(--gris)}
.p{max-width:34em;color:var(--gris)}

.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
@media (min-width:760px){.wrap{padding:0 40px}}
.sec{padding:72px 0;position:relative}
@media (min-width:760px){.sec{padding:112px 0}}
.dark{background:var(--marine);color:#fff}.dark .p{color:rgba(255,255,255,.72)}.dark .cap{color:rgba(255,255,255,.6)}
.sand{background:var(--sable)}
.skip{position:absolute;left:16px;top:-60px;background:var(--orange);color:var(--marine);padding:10px 16px;z-index:80;font-size:16px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}

/* Progression + en-tête */
.prog{position:fixed;top:0;left:0;right:0;height:3px;background:var(--orange);transform-origin:0 50%;transform:scaleX(0);z-index:60}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:16px 0;color:#fff;transition:transform .5s var(--out),background-color .4s,color .4s,padding .4s}
.nav.is-solid,.nav--solid{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--marine);padding:12px 0;box-shadow:0 1px 0 var(--line)}
.nav.is-hidden{transform:translateY(-110%)}
.nav .wrap{display:flex;justify-content:space-between;align-items:center}
.logo{font:700 22px/1 "Inter Tight",sans-serif;letter-spacing:-.02em;text-decoration:none}
.nav__r{display:flex;gap:24px;align-items:center;font-size:16px}
.nav__r a{text-decoration:none;position:relative}
.nav__r a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:100% 50%;transition:transform .45s var(--out)}
.nav__r a:hover::after{transform:scaleX(1);transform-origin:0 50%}
@media (max-width:760px){.nav__r .hide-m{display:none}}

/* Hero */
.hero{position:relative;color:#fff;min-height:70vh;min-height:70svh;display:flex;align-items:flex-end;padding:130px 0 40px;overflow:hidden;background:var(--marine)}
.hero__bg{position:absolute;inset:-6% 0;background:center/cover;will-change:transform}
.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,28,46,.35) 0%,rgba(20,28,46,.55) 45%,rgba(20,28,46,.9))}
.hero .wrap{position:relative;width:100%;will-change:transform,opacity}
.hero__p{margin-top:20px;max-width:30em;color:rgba(255,255,255,.84)}
.hero .cap{position:absolute;right:16px;bottom:12px;color:rgba(255,255,255,.6)}
.proof{list-style:none;display:flex;gap:16px 44px;flex-wrap:wrap;margin-top:40px;padding-top:20px;position:relative;font-size:16px;color:rgba(255,255,255,.8)}
.proof::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:rgba(255,255,255,.28);transform-origin:0 50%}
.proof b{display:block;color:#fff;font-weight:600}

/* Boutons et liens */
.act{display:flex;gap:16px 28px;align-items:center;flex-wrap:wrap;margin-top:28px}
.btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;gap:12px;align-items:center;justify-content:center;background:var(--orange);color:var(--marine);text-decoration:none;font-weight:600;font-size:16px;line-height:1.2;min-height:52px;padding:14px 26px;border-radius:2px;transition:box-shadow .4s var(--out),opacity .3s}
.btn::before{content:"";position:absolute;inset:0;background:#fff;transform:translateY(101%);transition:transform .5s var(--out);z-index:-1}
.btn:hover::before{transform:translateY(0)}
.btn:hover{box-shadow:0 14px 30px -12px rgba(255,126,21,.7)}
.btn .ar{display:inline-block;transition:transform .45s var(--spring)}
.btn:hover .ar{transform:translateX(6px)}
.btn--block{display:flex;width:100%}
.btn--line{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor}
.btn--line::before{background:var(--orange)}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.55);transform:scale(0);animation:rip .7s var(--out) forwards;pointer-events:none}
@keyframes rip{to{transform:scale(1);opacity:0}}
.tl{font-size:16px;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:3px;transition:background-size .5s var(--out)}
.tl:hover{background-size:0 1px;background-position:100% 100%}

/* Mots sous masque */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.w>span{display:inline-block;will-change:transform}

/* Arches */
.arch{position:relative;border-radius:999px 999px 0 0;overflow:hidden;aspect-ratio:4/4.4;isolation:isolate}
.arch img{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover;will-change:transform}
.arch .vol{position:absolute;inset:0;background:var(--orange);transform-origin:50% 0;transform:scaleY(0);z-index:2}
.figcap{font-size:13px;color:var(--gris);margin-top:10px}

/* Filets et listes */
.rule{position:relative;padding-top:20px}
.rule::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--line);transform-origin:0 50%}
.list{list-style:none}
.list li{position:relative;padding:15px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}
.list li::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line);transform-origin:0 50%}
.dark .list li::after{background:rgba(255,255,255,.2)}

/* Barre de recherche collante */
.search{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line);padding:12px 0;transition:transform .5s var(--out)}
.search.is-under-nav{top:64px}
.search__row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.search__f{display:flex;flex-direction:column;gap:2px;background:var(--sable);border-radius:2px;padding:8px 12px;min-height:56px;position:relative}
.search__f label,.search__f .lab{font-size:13px;color:var(--gris);line-height:1.2}
.search__f input,.search__f select,.search__f button.val{font:500 16px/1.3 "Inter Tight",sans-serif;color:var(--marine);background:transparent;border:0;padding:0;width:100%;text-align:left;min-height:24px;-webkit-appearance:none;appearance:none}
.search__f:focus-within{box-shadow:inset 0 0 0 2px var(--marine)}
.search__f :focus-visible{outline:0;box-shadow:none}
.search .btn{grid-column:1/-1}
@media (min-width:860px){.search__row{grid-template-columns:1.2fr 1.2fr .8fr auto}.search .btn{grid-column:auto}}

/* Filtres */
.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 16px 8px;margin:0 -16px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
@media (min-width:760px){.chips{flex-wrap:wrap;overflow:visible;padding:4px 0 8px;margin:0}}
.chip{flex:none;font-size:16px;font-weight:500;padding:10px 16px;min-height:44px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;transition:background-color .3s,color .3s,box-shadow .3s,transform .4s var(--spring)}
.chip:hover{box-shadow:inset 0 0 0 1px var(--marine)}
.chip:active{transform:scale(.96)}
.chip[aria-pressed="true"],.chip.is-on{background:var(--marine);color:#fff;box-shadow:none}
.chip .n{opacity:.6;margin-left:6px;font-variant-numeric:tabular-nums}
.count{font-size:16px;color:var(--gris);margin:12px 0 20px}
.count b{color:var(--marine);font-weight:600;font-variant-numeric:tabular-nums}

/* Cartes catalogue */
.grid{display:grid;grid-template-columns:1fr;gap:32px 24px}
@media (min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{position:relative;display:block;text-decoration:none;color:inherit;transition:transform .6s var(--out)}
.card__img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--sable);border-radius:2px}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--out)}
.card:hover{transform:translateY(-6px)}
.card:hover .card__img img{transform:scale(1.05)}
.card__tag{position:absolute;left:10px;top:10px;background:#fff;color:var(--marine);font-size:13px;line-height:1;font-weight:600;padding:7px 10px;border-radius:2px}
.card__body{padding-top:14px;display:grid;gap:4px}
.card__t{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card__m{font-size:16px;color:var(--gris)}
.card__p{font-size:16px;margin-top:6px;font-variant-numeric:tabular-nums}
.card__p b{font-weight:600}
.card__p span{color:var(--gris)}
.card::after{content:"";display:block;height:1px;margin-top:14px;background:var(--marine);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--out)}
.card:hover::after{transform:scaleX(1)}

/* Chargement, vide, avis */
.skel{background:linear-gradient(100deg,var(--sable) 30%,#f3f2ee 50%,var(--sable) 70%);background-size:200% 100%;animation:sk 1.4s linear infinite;border-radius:2px}
@keyframes sk{to{background-position:-200% 0}}
.card--skel .card__img.skel{aspect-ratio:4/3}
.skel--l{height:16px;margin-top:12px;width:80%}.skel--s{height:14px;margin-top:8px;width:50%}
.empty{text-align:center;padding:56px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.empty .t3{margin-bottom:8px}
.empty .p{margin:0 auto 20px}
.note{font-size:14px;line-height:1.45;color:var(--gris);max-width:34em}
.note--err{color:#a3340a}

/* Galerie */
.gal{display:grid;grid-template-columns:1fr;gap:8px;position:relative}
.gal__i{position:relative;display:block;overflow:hidden;background:var(--sable);aspect-ratio:4/3;border-radius:2px;padding:0}
.gal__i img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--out)}
.gal__i:hover img{transform:scale(1.04)}
.gal__i:nth-child(n+2){display:none}
.gal__all{position:absolute;right:12px;bottom:12px;background:#fff;color:var(--marine);font-size:16px;font-weight:600;padding:10px 16px;border-radius:2px;min-height:44px;box-shadow:0 8px 24px -10px rgba(31,42,68,.5)}
@media (min-width:860px){
  .gal{grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));height:min(560px,56vw)}
  .gal__i{aspect-ratio:auto}
  .gal__i:nth-child(n+2){display:block}
  .gal__i:first-child{grid-row:1/3}
  .gal__i:nth-child(n+6){display:none}
}
.viewer{position:fixed;inset:0;z-index:90;background:rgba(14,19,32,.96);color:#fff;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s}
.viewer.is-open{opacity:1;visibility:visible;transition:opacity .35s}
.viewer__bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:16px}
.viewer__stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 8px;position:relative}
.viewer__stage img{max-width:100%;max-height:100%;object-fit:contain;animation:vin .5s var(--out)}
@keyframes vin{from{opacity:0;transform:scale(.98)}}
.viewer__b{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:22px;transition:background-color .3s,transform .4s var(--spring)}
.viewer__b:hover{background:var(--orange);color:var(--marine)}
.viewer__b:active{transform:scale(.92)}
.viewer__nav{position:absolute;inset:auto 0 12px;display:flex;justify-content:center;gap:16px}
@media (min-width:860px){.viewer__nav{inset:0;justify-content:space-between;padding:0 24px;align-items:center;pointer-events:none}.viewer__nav .viewer__b{pointer-events:auto}}
.viewer__cap{text-align:center;font-size:13px;padding:8px 16px 16px;color:rgba(255,255,255,.7);min-height:40px}

/* Fiche : mise en page */
.stay{display:grid;grid-template-columns:1fr;gap:40px;align-items:start}
@media (min-width:960px){.stay{grid-template-columns:minmax(0,1fr) 380px;gap:64px}}
.facts{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:16px;color:var(--gris);margin:12px 0 24px}
.amen{list-style:none;display:grid;grid-template-columns:1fr;gap:0 32px}
@media (min-width:560px){.amen{grid-template-columns:1fr 1fr}}
.amen li{padding:12px 0;font-size:16px;position:relative}
.amen li::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line);transform-origin:0 50%}

/* Encart de réservation : collant desktop, barre basse mobile */
.book{background:#fff;color:var(--marine)}
.book__panel{display:none;padding:20px 16px 8px}
.book__bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px}
.book__sum{display:grid;line-height:1.25;font-size:16px;font-variant-numeric:tabular-nums}
.book__sum b{font-size:20px;font-weight:600;letter-spacing:-.02em}
.book__sum span{font-size:13px;color:var(--gris)}
.book__x{display:none}
@media (max-width:959px){
  .book{position:fixed;left:0;right:0;bottom:0;z-index:55;box-shadow:0 -1px 0 var(--line),0 -16px 40px -20px rgba(31,42,68,.35);padding-bottom:env(safe-area-inset-bottom);max-height:92vh;max-height:92svh;overflow:auto;transition:transform .6s var(--out)}
  .book.is-open{border-radius:16px 16px 0 0}
  .book.is-open .book__panel{display:block}
  .book.is-open .book__bar{display:none}
  .book__panel .cal__head{margin-bottom:12px}
  .book.is-open .book__x{display:grid;place-items:center;width:44px;height:44px;font-size:22px}
  .has-book main{padding-bottom:84px}
}
@media (min-width:960px){
  .book__x{display:none!important}
  .book{position:sticky;top:88px;box-shadow:0 0 0 1px var(--line);border-radius:2px}
  .book__panel{display:block;padding:24px 24px 4px}
  .book__bar{display:none}
}
.book__f{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.book__f .search__f{min-height:56px}
.book__f .full{grid-column:1/-1}
.rows{list-style:none;margin:16px 0 8px}
.rows li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;font-size:16px;font-variant-numeric:tabular-nums}
.rows li span:last-child{white-space:nowrap}
.rows .sub{color:var(--gris)}
.rows .tot{position:relative;margin-top:8px;padding-top:16px;font-weight:600;font-size:18px}
.rows .tot::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--marine);transform-origin:0 50%}
.rows .tot span:last-child{font-size:20px;letter-spacing:-.02em}
.book .note{padding:12px 0 16px}
.book .rows+.btn{margin-top:8px}

/* Calendrier 2 mois */
.cal{position:relative}
.cal__months{display:grid;grid-template-columns:1fr;gap:24px}
@media (min-width:760px){.cal__months{grid-template-columns:1fr 1fr;gap:40px}}
.cal__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;min-height:44px}
.cal__title{font-size:16px;font-weight:600;text-transform:capitalize}
.cal__b{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-size:18px;transition:background-color .3s,transform .4s var(--spring)}
.cal__b:hover{background:var(--sable)}.cal__b:active{transform:scale(.9)}
.cal__b[disabled]{opacity:.3;pointer-events:none}
.cal__dow,.cal__grid{display:grid;grid-template-columns:repeat(7,1fr)}
.cal__dow span{font-size:13px;color:var(--gris);text-align:center;padding:4px 0}
.day{position:relative;aspect-ratio:1;min-height:44px;display:grid;place-items:center;font-size:16px;font-variant-numeric:tabular-nums;border-radius:50%;isolation:isolate;transition:background-color .25s,color .25s}
.day.blank{pointer-events:none}
.day[data-d]:hover{background:var(--sable)}
.day.is-off{color:rgba(31,42,68,.35);text-decoration:line-through;pointer-events:none}
.day.is-past{color:rgba(31,42,68,.25);pointer-events:none}
.day.is-in{background:rgba(255,126,21,.16);border-radius:0}
.day.is-start,.day.is-end{background:var(--marine);color:#fff;font-weight:600}
.day.is-start.has-range{border-radius:50% 0 0 50%}.day.is-end{border-radius:0 50% 50% 0}
.day.is-start.is-end{border-radius:50%}
.day.is-today::after{content:"";position:absolute;bottom:7px;width:4px;height:4px;border-radius:50%;background:var(--orange)}
.day.is-start.is-today::after,.day.is-end.is-today::after{background:#fff}
.cal__legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}

/* Surcharges mobile des états initiaux motion, posés seulement si stay-motion.js tourne */
.m .hero__bg{transform:scale(1.18)}
.m .hero .w>span{transform:translateY(105%)}
.m [data-in]{opacity:0;transform:translateY(28px)}
.m .card:not(.card--skel){opacity:0;transform:translateY(36px)}
.m .proof::before{transform:scaleX(0)}
.m .t1 .w>span,.m .t2 .w>span{transform:translateY(105%)}
.m .rule::before,.m .list li::after,.m .amen li::after{transform:scaleX(0)}
.m .arch .vol{transform:scaleY(1)}
.m .arch img{transform:scale(1.25)}
.m .list li span,.m .amen li{opacity:0}
.m .list li span{transform:translateX(-24px)}
.m .in.in.in{opacity:1;transform:none}
.m .card.in.in{opacity:1;transform:none}
.m .card.in.in:hover{transform:translateY(-6px)}
.m .proof.lined::before{transform:scaleX(1);transition:transform 1.4s var(--io)}
.m .rule.lined::before{transform:scaleX(1);transition:transform 1s var(--io)}
.m .list li.lined::after,.m .amen li.lined::after{transform:scaleX(1);transition:transform 1s var(--io) var(--d,0ms)}
.m .amen li.lined{opacity:1;transition:opacity .6s var(--out) var(--d,0ms)}
.go{transition:transform 1.1s var(--out),opacity .9s var(--out)!important}

@media print{.m *{opacity:1!important;transform:none!important}.m .arch .vol{display:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
  .skel{animation:none}
}

/* Pages catalogue (tâche 4) : hero <picture>, fil d'Ariane, recherche à 5 champs, pied de page, états */
[hidden]{display:none!important}
.hero__bg picture,.hero__bg img{display:block;width:100%;height:100%;object-fit:cover}
.crumbs{margin-bottom:20px;font-size:14px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px}
.crumbs li+li::before{content:"/";margin-right:8px;opacity:.5}
.crumbs a{text-decoration:none;opacity:.8}
.crumbs a:hover{opacity:1;text-decoration:underline}
.hero .crumbs{color:#fff}
.search__row--5 .full{grid-column:1/-1}
.search__f input[type="date"]{min-height:24px}
.search__f select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%231F2A44' stroke-width='1.6'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 2px center;padding-right:20px}
@media (max-width:999px){.search{position:static}}
.search.is-under-nav{top:48px}
@media (min-width:1000px){.search__row--5{grid-template-columns:1.1fr 1.1fr .9fr .9fr 1.2fr auto}.search__row--5 .full{grid-column:auto}.search__row--5 .btn{grid-column:auto}}
.sec--res{padding-top:32px}
@media (min-width:760px){.sec--res{padding-top:48px}}
.note--foot{margin-top:40px}
#msg{margin:0 0 16px}
.sfoot{border-top:1px solid var(--line);padding:32px 0 40px}
.sfoot__row{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;align-items:center;margin-bottom:16px}
.sfoot nav{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:16px}
.sfoot nav a{text-decoration:none;padding:6px 0}
.sfoot nav a:hover{text-decoration:underline}

/* Fiches logement (tâche 5) */
.lst{padding-top:84px;padding-bottom:56px}
.lst .crumbs{margin:8px 0 16px}
.lst__eyebrow{color:var(--gris);margin-top:28px}
.lst__h{margin:6px 0 0}
.lst__sec{margin-top:40px}
.lst__sec .t3{margin-bottom:12px}
.lst__desc p{margin:0 0 12px;max-width:40em}
.lst__desc{max-width:40em}
.stay__main{min-width:0}
.amen__t{margin-top:16px;min-height:44px;padding-right:2px}
.lst__more{padding:64px 0}
.search__f span.val{font:500 16px/1.3 "Inter Tight",sans-serif;color:var(--marine);min-height:24px;display:block}
.book__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;min-height:44px}
.book__head .t3{margin:0}
.book .cal__legend span:last-child{text-decoration:line-through;color:rgba(31,42,68,.55)}
.book .cal{margin:8px 0 16px}
#b-hint{margin:0 0 12px}
#b-msg{margin:8px 0}
.book__sum b{display:block}
.book .btn[disabled]{cursor:default}
.is-locked{overflow:hidden}
.day.is-start,.day.is-end{z-index:0}
@media (max-width:959px){body.sheet-open::after{content:"";position:fixed;inset:0;background:rgba(14,19,32,.5);z-index:54}}
@media (min-width:960px){
  .book{max-height:calc(100vh - 104px);overflow:auto}
  .book .cal__months>div:nth-child(2){display:none}
  .book__x{display:none}
}
.viewer__stage img{touch-action:pan-y}
.skel.cal__skel{height:300px;width:100%;margin:8px 0}