/* Le Séjour Parfait — MAJ 47 (23/10/2026) : accueil léger.
   1) En-tête : textes discrets, voile léger ; sur ordinateur, seule la vidéo de DROITE du triptyque est affichée.
   2) Cartes de services plus basses, texte en bas pour laisser voir la photo.
   3) Toucher une carte déroule son catalogue (sections existantes rangées derrière les cartes). */

/* ---------- 1. En-tête vidéo ---------- */
.lx::after{background:linear-gradient(180deg,rgba(8,12,14,.40) 0%,rgba(8,12,14,.06) 28%,rgba(8,12,14,.06) 64%,rgba(8,12,14,.40) 100%)!important}
.lx h1{font-size:clamp(28px,4.2vw,64px)!important;line-height:1.05!important;letter-spacing:.16em!important;text-shadow:0 2px 22px rgba(0,0,0,.35)!important}
.lx p{margin-top:clamp(10px,1.8vh,18px)!important;max-width:460px!important;font-size:clamp(13px,1vw,15px)!important;line-height:1.55!important;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.lx-kicker{font-size:10.5px!important;letter-spacing:.36em!important}
@media (max-width:900px){
  .lx h1{font-size:clamp(26px,8.4vw,38px)!important;letter-spacing:.12em!important}
  .lx p{font-size:13px!important;max-width:290px!important}
}
/* Triptyque 1920 × 1080 : panneau de droite = pixels 1284 à 1920 (filet noir 1279-1283).
   On affiche 1290 → 1920 (630 px) sur toute la largeur : largeur 1920/630 = 304,8 %, décalage 1290/630 = 204,8 %. */
@media (min-aspect-ratio:1/1) and (min-width:700px){
  .lx-media video{inset:auto!important;top:0!important;left:-204.8%!important;width:304.8%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:50% 50%!important}
}

/* ---------- 2. Masquer le carrousel détaillé sur l'accueil ---------- */
body.page-accueil #hx{display:none!important}

/* ---------- 3. Cartes de services ---------- */
.lsp-univers{padding:clamp(40px,6vw,80px) 0 clamp(28px,4vw,48px);background:#fff;text-align:center;overflow:hidden;scroll-margin-top:70px}
.lsp-univers__tete{max-width:640px;margin:0 auto clamp(22px,3vw,36px);padding:0 20px}
.lsp-univers__sur{display:block;font:400 10.5px/1 "Quattrocento Sans","DM Sans",sans-serif;letter-spacing:.32em;text-transform:uppercase;color:#b8922a}
.lsp-univers__sur::before,.lsp-univers__sur::after{content:" - "}
.lsp-univers h2{font:400 clamp(24px,3vw,38px)/1.12 "Marcellus",Georgia,serif;color:#16202c;margin:12px 0 10px;letter-spacing:0}
.lsp-univers__tete p{font:400 14px/1.6 "Quattrocento Sans","DM Sans",sans-serif;color:#666;margin:0}
.lsp-univers__piste{position:relative}
.lsp-univers__rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px max(20px,calc((100vw - 1240px)/2)) 6px;scroll-padding:0 max(20px,calc((100vw - 1240px)/2))}
.lsp-univers__rail::-webkit-scrollbar{display:none}
.lsp-carte{position:relative;flex:0 0 calc((min(100vw,1240px) - 40px - 4*12px)/5);aspect-ratio:4/4.4;overflow:hidden;scroll-snap-align:start;display:flex;align-items:flex-end;justify-content:center;color:#fff!important;text-decoration:none!important;background:#1a1d20;cursor:pointer;outline-offset:3px}
.lsp-carte img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.lsp-carte::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,0) 45%,rgba(10,10,10,.68) 100%);transition:opacity .4s}
.lsp-carte:hover img{transform:scale(1.05)}
.lsp-carte__txt{position:relative;z-index:1;padding:0 14px 16px;width:100%}
.lsp-carte h3{font:400 clamp(17px,1.45vw,21px)/1.15 "Marcellus",Georgia,serif;margin:0 0 4px;color:#fff;letter-spacing:.02em;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.lsp-carte p{display:none;font:400 12px/1.4 "Quattrocento Sans","DM Sans",sans-serif;margin:0 0 9px;color:rgba(255,255,255,.9);text-shadow:0 1px 6px rgba(0,0,0,.5)}
.lsp-carte__lien{display:inline-flex;align-items:center;gap:6px;font:400 9.5px/1 "Quattrocento Sans","DM Sans",sans-serif;letter-spacing:.28em;text-transform:uppercase;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.7)}
.lsp-carte__lien::after{content:"⌄";font-size:12px;letter-spacing:0;transition:transform .3s}
.lsp-carte.on{box-shadow:0 0 0 2px #fff,0 0 0 4px #b8922a}
.lsp-carte.on .lsp-carte__lien::after{transform:rotate(180deg)}
.lsp-univers__fl{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#16202c;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 6px 20px -8px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center}
.lsp-univers__fl.g{left:max(8px,calc((100vw - 1240px)/2 - 21px))}
.lsp-univers__fl.d{right:max(8px,calc((100vw - 1240px)/2 - 21px))}
.lsp-univers__fl[disabled]{opacity:0;pointer-events:none}
.lsp-univers__points{display:flex;justify-content:center;gap:8px;margin-top:16px}
.lsp-univers__points span{width:6px;height:6px;border-radius:50%;background:#d9d2c4;transition:background .3s,width .3s}
.lsp-univers__points span.on{background:#b8922a;width:20px;border-radius:3px}

/* ---------- 4. Catalogue déroulé sous les cartes ---------- */
.lsp-panneau{margin:22px auto 0;text-align:left;border-top:1px solid #ece6da;animation:lsp-ouvre .45s ease both}
.lsp-panneau[hidden]{display:none}
@keyframes lsp-ouvre{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.lsp-panneau__tete{max-width:1240px;margin:0 auto;padding:14px 20px 0;display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.lsp-panneau__titre{font:400 clamp(20px,2.2vw,26px)/1.2 "Marcellus",Georgia,serif;color:#16202c;margin-right:auto}
.lsp-panneau__page{font:400 11px/1 "Quattrocento Sans","DM Sans",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#8a6c14!important;text-decoration:none!important;border-bottom:1px solid currentColor;padding-bottom:4px}
.lsp-panneau__fermer{border:1px solid #d9d2c4;background:#fff;color:#16202c;border-radius:999px;padding:8px 14px;font:400 12px/1 "Quattrocento Sans","DM Sans",sans-serif;cursor:pointer}
.lsp-panneau>section{margin-top:0}
.lsp-panneau>section[hidden]{display:none!important}

@media (max-width:1024px){.lsp-carte{flex-basis:31%}}
@media (max-width:700px){
  .lsp-univers__rail{gap:10px;padding:4px 16px 6px;scroll-padding:0 16px}
  .lsp-carte{flex-basis:46%;scroll-snap-align:start;aspect-ratio:4/4.8}
  .lsp-carte p{display:none}
  .lsp-univers__fl{display:none}
  .lsp-panneau__tete{padding:14px 16px 2px}
}
@media (prefers-reduced-motion:reduce){.lsp-carte img{transition:none}.lsp-panneau{animation:none}.lsp-univers__rail{scroll-behavior:auto}}