.wst{background:#16233F;-webkit-backdrop-filter:none;backdrop-filter:none}
.wst:not(.is-live) .wst-pin{padding:clamp(44px,6vw,76px) 0}
.wst:not(.is-live) .wst-in{align-items:center;column-gap:clamp(28px,5vw,80px)}
.wst:not(.is-live) .wst-cap:not(:last-child),.wst:not(.is-live) .wst-dots{display:none!important}
.wst:not(.is-live) .wst-caps{margin-top:22px}
.wst:not(.is-live) .wst-view{width:100%;max-width:560px;justify-self:end}
.wst:not(.is-live) .wst-strip{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;margin:0;gap:12px}
.wst:not(.is-live) .wst-panel{aspect-ratio:510/1024;border-radius:20px}
.cine--sky .sky-sub{font-size:clamp(16px,1.2vw,19px);line-height:1.5;letter-spacing:0;text-transform:none;color:#FAF8F3;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.xp-d{font-size:16px}
.xp-h{font-size:15px}
.dest-from{font-size:14px}
.t-sub{font-size:15px!important}
.cine--sky .sky-tag{font-weight:400;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55),0 3px 22px rgba(0,0,0,.6)}
.cine--sky .sky-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.35)) drop-shadow(0 10px 30px rgba(0,0,0,.45))}
@media (max-width:899px){
.wst:not(.is-live) .wst-view{margin:18px 0 0;max-width:none;justify-self:stretch}
.wst:not(.is-live) .wst-strip{gap:8px}
.wst:not(.is-live) .wst-panel{border-radius:14px;aspect-ratio:3/5}
.wst:not(.is-live) .wst-cta{flex-wrap:wrap}
.cine--sky .cine-veil{background:linear-gradient(180deg,rgba(12,20,38,.55) 0%,rgba(12,20,38,.18) 16%,rgba(12,20,38,.5) 30%,rgba(12,20,38,.55) 62%,rgba(12,20,38,.3) 88%)!important}
.cine--sky .sky-tag{font-weight:500}
}

/* Slogan « On part où ? » : un peu d'air sous le logo */
.cine--sky .sky-tag{margin-top:clamp(8px,1.8vh,18px)}
.cine--sky .sky-title{margin-bottom:clamp(22px,3.6vh,34px)}
.cine--sky .sky-title+.sky-sub{margin-top:0}

/* Fond du site : paysage côtier au coucher du soleil, fixe, sous tout le contenu (le hero garde sa propre image) */
html{background:#FAF8F3}
html body{background:transparent}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(250,248,243,.72),rgba(250,248,243,.82)),url(/assets/bg-site-1672.webp) 50% 50%/cover no-repeat}
@media (max-width:900px){body::before{background-image:linear-gradient(180deg,rgba(250,248,243,.72),rgba(250,248,243,.82)),url(/assets/bg-site-900.webp)}}
@media (max-aspect-ratio:3/4){body::before{background-image:linear-gradient(180deg,rgba(250,248,243,.72),rgba(250,248,243,.82)),url(/assets/bg-site-mobile.webp)}}
html[data-maint] body::before{display:none}
.wt{background:radial-gradient(70% 55% at 50% 0,rgba(238,125,42,.16),transparent 70%)}

/* Lisibilité sur le fond paysage : textes posés directement sur l'image */
::placeholder{color:#5d667a;opacity:1}
main p,main li,.sec p,.crumbs,.crumbs a{text-shadow:0 0 1px rgba(250,248,243,.6)}

/* Bandeau « Installer WÉ » : discret, en bas, au-dessus de la barre d'onglets */
.we-sheet{grid-template-columns:44px minmax(0,1fr) auto;gap:4px 12px;padding:10px 10px 10px 12px;border-radius:18px;box-shadow:0 10px 30px rgba(12,20,38,.25);max-width:520px;margin:0 auto}
.we-sheet img{width:44px;height:44px;border-radius:11px;box-shadow:0 0 0 1px rgba(27,42,74,.08)}
.we-sheet b{font-size:14.5px}
.we-sheet p{margin:2px 0 0;font-size:12.5px;line-height:1.35}
.we-sheet-act{grid-column:auto;flex-direction:column;align-items:stretch;gap:4px}
.we-sheet-act button{min-height:36px;padding:0 14px;font-size:13px}
.we-sheet-no{color:#283247}

/* Pages destinations : « Chaque saison a son charme » */
.seasons-w{margin:26px 0 30px}
.seasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.season{background:#fff;border:1px solid #EAD5BE;border-radius:18px;padding:16px 18px 18px;box-shadow:0 10px 24px -20px rgba(27,42,74,.45)}
.season-m{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px 4px 8px;border-radius:99px;background:#FBEBD2;color:#7E4D06;font:700 12.5px/1.2 'DM Sans',system-ui,sans-serif;letter-spacing:.01em}
.season-i{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.season strong{display:block;margin:0 0 4px;color:#16233F;font:700 16.5px/1.3 'DM Sans',system-ui,sans-serif}
.season p{margin:0;color:#232E46;font-size:15px;line-height:1.55}
@media (max-width:640px){.seasons{grid-template-columns:minmax(0,1fr)}}

/* Page Contact : adresse à copier */
.ct-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:6px 0}
.ct-addr{font:700 17px/1.3 'DM Sans',system-ui,sans-serif;color:#16233F;user-select:all;word-break:break-all}
.ct-copy{min-height:40px;padding:0 16px;border:0;border-radius:99px;background:#16233F;color:#fff;font:700 14px 'DM Sans',system-ui,sans-serif;cursor:pointer}
.ct-copy.on{background:#14633A}
.ct-hint{margin:6px 0 0;font-size:14px;color:#283247}

/* Page Croisières */
.cruise-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;margin:4px 0 22px}
.cruise-tips h3{margin:0 0 4px;font:700 16.5px/1.3 'DM Sans',system-ui,sans-serif;color:#16233F}
.cruise-tips p{margin:0;color:#232E46;font-size:15px;line-height:1.55}
.cruise-tips>div{background:#fff;border:1px solid #EAD5BE;border-radius:18px;padding:16px 18px}
.cruise-stops{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:10px 0 26px}
.cruise-stops a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:99px;background:#fff;border:1px solid #EAD5BE;color:#16233F;font:600 14.5px 'DM Sans',system-ui,sans-serif;text-decoration:none}
.cruise-stops a:hover{border-color:#EE7D2A}
.cruise-cta{margin:8px 0 10px}
.cruise-cta p{margin:10px 0 0;font-size:14px;color:#283247}
.cruise-band{min-height:clamp(220px,34vh,340px)}
@media (max-width:640px){.cruise-tips{grid-template-columns:minmax(0,1fr)}}
.cruise-link{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:12px 16px;border-radius:16px;background:#E8F2F5;color:#16233F;font:600 15px/1.35 'DM Sans',system-ui,sans-serif;text-decoration:none;border:1px solid #CFE3EA}
.cruise-link svg{flex:none;width:22px;height:22px;fill:none;stroke:#1F5A7A;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cruise-link:hover{border-color:#1F5A7A}
.lp-body a.cruise-link,.lp-body a.cruise-link span{color:#16233F;text-decoration:none}
.lp-body a.cruise-link:hover span{text-decoration:underline}
.cruise-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0}
.cruise-gal figure{margin:0;position:relative;border-radius:18px;overflow:hidden;aspect-ratio:3/4;background:#16233F}
.cruise-gal img{width:100%;height:100%;object-fit:cover;display:block}
.cruise-gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;color:#fff;font:600 14px/1.3 'DM Sans',system-ui,sans-serif;background:linear-gradient(180deg,transparent,rgba(12,20,38,.75))}
@media (max-width:640px){.cruise-gal{grid-template-columns:repeat(3,72%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.cruise-gal figure{scroll-snap-align:start}}
.cruise-gal-note{margin:8px 0 22px;font-size:13px;color:#283247}

/* Page À propos */
.about-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4vw,48px);align-items:center;margin:18px 0 30px}
.about-ph{margin:0;border-radius:24px;overflow:hidden;box-shadow:0 24px 50px -28px rgba(27,42,74,.6);background:#16233F}
.about-ph img{display:block;width:100%;height:auto}
.about-ph figcaption{padding:12px 16px;color:#FAF8F3;font:500 14px/1.4 'DM Sans',system-ui,sans-serif}
.about-eye{margin:0 0 6px;color:#7E4D06;font:700 13px/1.2 'DM Sans',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.about-h1{margin:0 0 16px;font:600 clamp(32px,4.4vw,52px)/1.08 'Fraunces',Georgia,serif;color:#16233F}
.about-txt p:not(.about-eye),.about-p{font-size:17.5px;line-height:1.7;color:#232E46;margin:0 0 14px}
.about-end{margin:26px 0 4px;font:500 clamp(20px,2.4vw,26px)/1.4 'Fraunces',Georgia,serif;color:#16233F}
.about-end strong{color:#EE7D2A;font-weight:700}
.about-sign{margin:0 0 26px;font:italic 500 18px 'Fraunces',Georgia,serif;color:#283247}
.about-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-bottom:10px}
.lp-body a.about-link{color:#16233F;font-weight:700}
@media (max-width:760px){.about-hero{grid-template-columns:minmax(0,1fr)}.about-ph{max-width:420px}}
@media (max-width:760px){.about-ph{order:2;max-width:340px;margin:0 auto}.about-txt{order:1}}

/* =====================================================================
   REFONTE VISUELLE (octobre 2026)
   Règles : un seul style de titre (Fraunces), deux styles de boutons
   (principal orange, secondaire bleu nuit), palette bleu nuit / orange / crème.
   ===================================================================== */

/* 1. Titres : même famille partout */
.wt h2{font:500 clamp(30px,3.6vw,46px)/1.1 'Fraunces',Georgia,serif;letter-spacing:-.01em;color:#16233F}
.wt h2 em{font-style:italic;color:#B9730E}
/* petits titres au-dessus des sections : lisibles et d'une seule couleur */
.wt-eye,.xp-eye,.wst-eyebrow,.wb-eye,.about-eye{font-size:13px;letter-spacing:.14em}
.wt-eye,.xp-eye{color:#7E4D06}

/* 2. Cartes « Avec qui tu pars ? » : bleu nuit au lieu du marron */
.wt-card{background:#16233F}
.wt-pan{background:linear-gradient(180deg,rgba(27,42,74,.45),rgba(27,42,74,.97) 42%)}

/* 3. Boutons : principal orange, secondaire contour bleu nuit */
a.dest-link,.lp-body a.dest-link{background:#EE7D2A;color:#16233F;box-shadow:0 10px 22px -12px rgba(185,115,14,.7)}
a.dest-link:hover{background:#F0B04F}
.wx-cityacts .wx-btn,.wx-cityacts .wx-heart--txt{background:#fff;color:#16233F;box-shadow:inset 0 0 0 1.5px rgba(27,42,74,.35);border:0}
.wx-cityacts .wx-btn:hover,.wx-cityacts .wx-heart--txt:hover{box-shadow:inset 0 0 0 1.5px #16233F}

/* 4. Pages intérieures : utiliser la largeur de l'écran */
@media (min-width:1100px){
  .lp-body.solo{max-width:1120px}
  .lp-body.solo .city-intro,.lp-body.solo>p,.lp-body.solo .dest-sec>p{max-width:72ch}
  .lp-body.solo .hoods{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lp-body.solo .city-band{min-height:clamp(260px,34vh,360px)}
}
/* en-tête des pages intérieures : pas de doublon sur ordinateur */
@media (min-width:761px){
  .we-back-row{display:none}
  .lp-home{display:none}
}
/* pages d'une expérience : bouton Retour visible aussi sur ordinateur (pas de flèche dans le menu) */
@media (min-width:761px){
  .lp .we-back-row.we-back-row--xp{display:block;max-width:none;margin:0;padding:0 var(--pad,20px)}
  .lp .we-back-row--xp+main .lp-hero{padding-top:18px}
}

/* 5. Encadré Wéa (remplace « Offres bientôt disponibles ») */
.fact.wea-fact{background:#16233F;color:#FAF8F3;border-color:#16233F;border-style:solid}
.fact.wea-fact h3{color:#fff}
.fact.wea-fact p{color:rgba(250,248,243,.82)}
.fact.wea-fact svg{stroke:#EE7D2A}
.wea-fact-btn{margin-top:12px;min-height:40px;padding:0 18px;border:0;border-radius:99px;background:#EE7D2A;color:#16233F;font:700 14px 'DM Sans',system-ui,sans-serif;cursor:pointer}
.wea-fact-btn:hover{background:#F0B04F}

/* 6. Téléphone : Wéa en bouton flottant (au-dessus de la barre d'onglets), sans bulles de texte */
@media (max-width:760px){
  #wechat:not(.open) .wc-hi,#wechat:not(.open) .wc-bubble{display:none}
}

/* 7. Pied de page */
.foot-tag{margin:14px 0 0;font:500 14px/1.4 'DM Sans',system-ui,sans-serif;color:#EE7D2A;letter-spacing:.02em}
@media (max-width:760px){#wechat:not(.open) .wea-hi{display:none}}
.facts .fact.offer.wea-fact{background:#16233F!important;border:1px solid #16233F!important;color:#FAF8F3}
.facts .fact.offer.wea-fact h3{color:#fff!important}
.facts .fact.offer.wea-fact p{color:rgba(250,248,243,.85)!important}
@media (min-width:761px){.lp-nav .lp-home{display:none!important}}

/* Transition douce entre le hero (plage de sable noir) et le reste du site */
.cine--sky .hero.sky{position:relative}
.cine--sky .hero.sky::after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(90px,14vh,170px);z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(250,248,243,0) 0%,rgba(250,248,243,.35) 45%,rgba(250,248,243,.85) 80%,#FAF8F3 100%)}
.cine--sky .cine-shell,.cine--sky .sky-cards,.cine--sky .topbar,.cine--sky .hero-body{position:relative;z-index:3}
@media (max-width:760px){.cine--sky .hero.sky::after{height:56px;background:linear-gradient(180deg,rgba(250,248,243,0) 0%,rgba(250,248,243,.7) 70%,#FAF8F3 100%)}}
.wc-season{margin:6px 0 10px;padding:8px 10px;border-radius:12px;background:#FBEBD2;color:#5A3A06;font-size:14px;line-height:1.45}

/* « Avec qui tu pars ? » : photo pleine carte, titre en bas à gauche */
.wt-card{display:block;aspect-ratio:1.05/1;height:auto;border-radius:28px;background:#16233F;text-align:left;box-shadow:0 18px 40px -20px rgba(27,42,74,.5)}
.wt-ph{position:absolute;inset:0;aspect-ratio:auto}
.wt-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,22,40,0) 38%,rgba(14,22,40,.55) 62%,rgba(14,22,40,.92) 100%)}
.wt-pan{position:absolute;inset:0;margin:0;padding:clamp(16px,2vw,24px);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.wt-ic{position:absolute;top:clamp(14px,1.8vw,22px);left:clamp(14px,1.8vw,22px);box-sizing:content-box;width:24px;height:24px;padding:14px;border-radius:50%;background:rgba(250,248,243,.94);stroke:#16233F;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.wt-t{position:relative;font:500 clamp(26px,2.6vw,36px)/1.05 'Fraunces',Georgia,serif;color:#fff;padding-bottom:12px;margin-bottom:8px;padding-right:64px;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.wt-t::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:3px;background:#EE7D2A}
.wt-s{font:500 15px/1.35 'DM Sans',system-ui,sans-serif;letter-spacing:.01em;text-transform:none;opacity:.95;color:#FAF8F3;padding-right:64px;text-wrap:pretty}
.wt-arrow,.wt-s+.wt-arrow{position:absolute;right:clamp(14px,1.8vw,22px);bottom:clamp(14px,1.8vw,22px);margin:0;width:52px;height:52px}
@media (max-width:760px){
  .wt-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .wt-card{aspect-ratio:.82/1;border-radius:22px}
  .wt-ic{width:18px;height:18px;padding:10px}
  .wt-t{font-size:22px;padding-right:0;padding-bottom:9px;margin-bottom:5px}
  .wt-s{font-size:12.5px;padding-right:44px}
  .wt-arrow,.wt-s+.wt-arrow{width:38px;height:38px}
  .wt-arrow svg{width:16px;height:16px}
}

/* « Prêt à partir ? » : carte crème, sobre */
.xp-end .xp-cta{background:#F4EFE6!important;background-image:none!important;color:#16233F;border:1px solid #E8DFD0;box-shadow:0 20px 50px -34px rgba(27,42,74,.45);max-width:640px;margin-left:auto;margin-right:auto;padding:clamp(30px,4vw,48px) clamp(22px,4vw,48px);text-align:center}
.xp-end .xp-cta::before,.xp-end .xp-cta::after{display:none!important}
.xp-end .xp-cta h2{color:#16233F}
.xp-end .xp-cta p{color:#5A6170;margin:8px 0 22px}
.xp-end .xp-cta .xp-btn{display:flex;justify-content:center;align-items:center;width:100%;max-width:420px;min-height:54px;margin:0 auto;border-radius:16px;background:#16233F;color:#FAF8F3;box-shadow:none}
.xp-end .xp-cta .xp-btn:hover{background:#243A63}
.xp-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:6px 10px;border:0;background:none;color:#16233F;font:600 15.5px 'DM Sans',system-ui,sans-serif;cursor:pointer}
.xp-link:hover{text-decoration:underline}

/* Section « Wéa » de l'accueil (maquette « Hello, on part où ? ») */
.wb.wb2{background:radial-gradient(90% 55% at 50% 0,#14213A 0%,#0B1424 55%,#070E1A 100%);color:#EEF1F6;padding:clamp(40px,6vw,72px) var(--pad,20px)}
.wb2-in{max-width:620px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}
.wb2-img{width:min(380px,84%);height:auto;-webkit-mask-image:radial-gradient(60% 62% at 50% 46%,#000 70%,transparent 100%);mask-image:radial-gradient(60% 62% at 50% 46%,#000 70%,transparent 100%)}
.wb2-pill{display:inline-block;margin:0 0 14px;padding:6px 18px;border:1.5px solid #EE7D2A;border-radius:999px;color:#F5B64E;font:700 13px/1 'DM Sans',system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.wb2-h{margin:0 0 12px;font:800 clamp(32px,5vw,48px)/1.08 'DM Sans',system-ui,sans-serif;color:#fff;letter-spacing:-.015em}
.wb2-h em{font-style:normal;color:#F5B64E}
.wb2-p{margin:0 0 26px;max-width:44ch;font:400 clamp(15.5px,1.4vw,17.5px)/1.55 'DM Sans',system-ui,sans-serif;color:rgba(238,241,246,.82)}
.wb2-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%}
.wb2-tiles button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 36px 18px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#131F34,#0F1A2C);color:#fff;text-align:left;cursor:pointer;box-shadow:0 12px 28px -18px rgba(238,125,42,.55);transition:border-color .2s,transform .2s}
.wb2-tiles button:hover{border-color:rgba(238,125,42,.55);transform:translateY(-2px)}
.wb2-ti{width:30px;height:30px;margin-bottom:8px;fill:none;stroke:#F5B64E;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wb2-tiles b{font:700 17px/1.2 'DM Sans',system-ui,sans-serif}
.wb2-tiles small{font:400 14px/1.35 'DM Sans',system-ui,sans-serif;color:rgba(238,241,246,.62)}
.wb2-tc{position:absolute;right:14px;top:50%;width:20px;height:20px;margin-top:-10px;fill:none;stroke:rgba(238,241,246,.6);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wb2-form{display:flex;align-items:center;gap:8px;width:100%;margin-top:22px;padding:8px;border-radius:999px;background:#101B2E;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 34px -14px rgba(238,125,42,.4)}
.wb2-new{flex:none;width:48px;height:48px;border:0;border-radius:50%;background:#1A2740;display:grid;place-items:center;cursor:pointer}
.wb2-new svg{width:22px;height:22px;fill:none;stroke:#EEF1F6;stroke-width:2;stroke-linecap:round}
.wb2-field{flex:1;min-width:0;display:flex;align-items:center;border-radius:999px;background:#0B1424;border:1px solid rgba(255,255,255,.06)}
.wb2-field:focus-within{border-color:rgba(238,125,42,.6)}
.wb2-field input{flex:1;min-width:0;min-height:48px;padding:0 16px;border:0;background:transparent;color:#EEF1F6;font:500 16px 'DM Sans',system-ui,sans-serif}
.wb2-field input::placeholder{color:rgba(238,241,246,.5)}
.wb2-field input:focus{outline:none}
.wb2-mic{flex:none;width:42px;height:42px;margin-right:3px;border:0;border-radius:50%;background:none;display:grid;place-items:center;cursor:pointer}
.wb2-mic[hidden]{display:none}
.wb2-mic svg{width:22px;height:22px;fill:none;stroke:#EEF1F6;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wb2-mic.on{background:rgba(238,125,42,.2)}
.wb2-send{flex:none;width:54px;height:54px;border:0;border-radius:50%;background:linear-gradient(180deg,#F5C26B,#EE7D2A);display:grid;place-items:center;cursor:pointer}
.wb2-send svg{width:22px;height:22px;fill:none;stroke:#16233F;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.wb2-note{margin:14px 0 0;font-size:13px;color:rgba(238,241,246,.55)}
@media (max-width:760px){.wb2-tiles{gap:10px}.wb2-tiles button{padding:14px 30px 14px 14px}.wb2-tiles b{font-size:15.5px}.wb2-tiles small{font-size:13px}.wb2-new{width:42px;height:42px}.wb2-send{width:48px;height:48px}}
.wb.wb2 h2.wb2-h{font:800 clamp(32px,5vw,48px)/1.08 'DM Sans',system-ui,sans-serif;letter-spacing:-.015em;margin:0 0 12px}
.wb.wb2 h2.wb2-h em{font-style:normal;color:#F5B64E}
.wb.wb2{background:#0A1322}
.wb2-img{-webkit-mask-image:radial-gradient(50% 50% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(50% 50% at 50% 50%,#000 62%,transparent 100%);margin-bottom:-6px}
/* Accueil, cartes « Nos guides » : cadrer sur les visages (photos en hauteur) */
.gcard .hphoto{background-position:50% 18%!important;aspect-ratio:16/9!important}
/* Guides : photo nette en haut, texte en dessous (titres alignés d'une carte à l'autre) */
.dcard.gx{background:#fff}
.dcard.gx .gx-img{display:block;aspect-ratio:4/3;background-color:#E9E1D3;background-size:cover;background-repeat:no-repeat}
.dcard.gx .gx-b{display:flex;flex-direction:column;flex:1;padding:18px 20px 22px}
.dcard.gx small{font:700 12px 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#B54E14}
.dcard.gx strong{margin-top:6px;font:500 23px/1.15 'Fraunces',Georgia,serif;color:#16233F}
.dcard.gx .dcard-txt{padding:10px 0 0;color:#454F69;font-size:15px}
/* cartes destination des expériences : le score passe en bas de la photo (le bouton retour flottant est en haut à gauche) */
.wx-card-img .wx-badge{top:auto;bottom:12px;background:rgba(27,42,74,.88);backdrop-filter:blur(6px)}

/* ================= Harmonisation avec la nouvelle page d'accueil (octobre 2026) ================= */
/* fond clair et chaud partout, sans photo de fond */
body::before{background:radial-gradient(1100px 520px at 88% -8%,rgba(238,125,42,.10),transparent 62%),radial-gradient(900px 480px at -5% 0,rgba(245,154,62,.07),transparent 60%),#FFFDF9!important}
body{background:#FFFDF9}
.lp,.lp-body{background-color:transparent}
/* en-tête des pages : menu dans une pastille blanche, page active en orange */
.lp-top .lp-nav{background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 6px;border-radius:999px;box-shadow:0 6px 20px rgba(22,35,63,.08)}
.lp-nav a{color:#16233F}
.lp-nav a:hover{background:rgba(238,125,42,.10)!important;color:#B54E14}
.lp-nav a.lp-cur,.lp-cur{background:rgba(238,125,42,.14)!important;color:#B54E14!important}
/* titres de sections : même police élégante que l'accueil */
.lp-body .sec-h,.lp-body h3.sec-h,.lp-body .dest-sec h3.sec-h{font-family:'Fraunces',Georgia,serif!important;font-weight:500!important;font-size:clamp(24px,2.4vw,30px)!important;letter-spacing:-.01em;color:#16233F}
/* boutons principaux : orange de la marque */
.lp-body a.dest-link,.xp-btn,.wx-btn:not(.wx-btn--ghost):not(.alt){box-shadow:0 8px 20px rgba(238,125,42,.25)}
/* mobile : un seul élément flottant (la barre d'onglets) — le retour reste en haut de page */
@media (max-width:760px){.we-back-fl{display:none!important}}
html{background:#FFFDF9}
.cruise-gal--2{grid-template-columns:repeat(2,minmax(0,1fr))}.cruise-gal--2 img{aspect-ratio:4/3;object-fit:cover;height:auto;width:100%}@media (max-width:760px){.cruise-gal--2{grid-template-columns:repeat(2,82%)}.cruise-gal--2 img{aspect-ratio:3/4}}
.cruise-gal--2 figure{aspect-ratio:4/3}.cruise-gal--2 img{aspect-ratio:auto!important;height:100%!important}@media (max-width:760px){.cruise-gal--2 figure{aspect-ratio:3/4}}
.dgal img[src*="g-martinique-2"]{object-position:30% 50%}
.dgal img[src*="g-punta-cana-2"]{transform-origin:100% 55%!important}
.dgal img[src*="g-saint-martin-2"]{transform-origin:50% 100%!important}
.dgal img[src*="g-sainte-lucie-2"]{transform-origin:50% 0!important}
.dgal img[src*="g-marrakech-2"]{transform-origin:50% 0!important}
.dgal--tall figure{aspect-ratio:1/1}.dgal--tall img{transform-origin:50% 0!important}
.dgal--tall img{transform:none!important;scale:none!important;translate:none!important}

/* Martinique : badge « Mon île » */
.city-band .mon-ile{position:absolute;top:20px;right:20px;z-index:2;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:99px;background:rgba(255,253,249,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#16233F;box-shadow:0 10px 26px rgba(10,18,36,.25)}
.city-band .mon-ile svg{width:34px;height:34px;padding:8px;border-radius:50%;background:linear-gradient(140deg,#F59A3E,#E0661A);fill:#fff;stroke:none;flex:none;animation:miBeat 2.4s ease-in-out infinite}
.city-band .mon-ile b{display:block;font:italic 600 19px/1 'Fraunces',Georgia,serif;color:#16233F}
.city-band .mon-ile small{display:block;margin-top:3px;font:600 11.5px/1.2 'DM Sans',sans-serif;color:#454F69}
@keyframes miBeat{0%,100%{transform:scale(1)}12%{transform:scale(1.14)}24%{transform:scale(1)}36%{transform:scale(1.1)}48%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.city-band .mon-ile svg{animation:none}}
@media (max-width:760px){.city-band .mon-ile{top:14px;right:14px;padding:6px 12px 6px 6px;gap:8px}.city-band .mon-ile svg{width:28px;height:28px;padding:6px}.city-band .mon-ile b{font-size:16px}.city-band .mon-ile small{display:none}}
.od-vivre-l .mi-card p+p:not(.ideal){margin-top:8px}
@media (min-width:761px){.city-band .mon-ile{top:24px;right:24px;padding:10px 20px 10px 10px}.city-band .mon-ile svg{width:40px;height:40px;padding:10px}.city-band .mon-ile b{font-size:23px}}
.od-vivre-l .mi-warn{margin:14px 0 4px!important;padding:10px 12px;border-radius:12px;background:#16233F;color:#fff;font:700 13.5px/1.4 'DM Sans',sans-serif;text-align:center}
/* bandeau cookies (actif seulement si gaId est rempli dans config.js) */
.we-ck{position:fixed;left:16px;bottom:16px;z-index:9999;max-width:420px;padding:20px 22px 18px;background:#FFFDF9;border:1px solid rgba(22,35,63,.12);border-radius:18px;box-shadow:0 18px 50px rgba(22,35,63,.22);font:400 14.5px/1.55 'DM Sans',sans-serif;color:#202A43}
.we-ck-t{margin:0 0 6px;font:600 20px 'Fraunces Soft','Fraunces',Georgia,serif;color:#16233F}
.we-ck-p{margin:0 0 14px}.we-ck-p a{color:#B54E14;font-weight:600}
.we-ck-b{display:flex;gap:10px}
.we-ck-b button{flex:1;padding:11px 14px;border-radius:999px;font:700 14px 'DM Sans',sans-serif;cursor:pointer;border:2px solid #16233F;background:#16233F;color:#fff}
.we-ck-b button:focus-visible{outline:3px solid #EE7D2A;outline-offset:2px}
@media (max-width:640px){.we-ck{left:10px;right:10px;bottom:calc(84px + env(safe-area-inset-bottom));max-width:none}}
/* liens de partage (pied de page) */
.we-share{margin-top:18px}
.we-share-h{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:600 14px 'DM Sans',sans-serif;color:#fff}
.we-share-h svg{width:18px;height:18px;fill:#EE7D2A;stroke:#EE7D2A;stroke-width:1.6}
.we-share-l{display:flex;flex-wrap:wrap;gap:8px}
.we-share-l a{padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.35);color:#fff!important;font:600 13.5px 'DM Sans',sans-serif;text-decoration:none;transition:background .2s,border-color .2s}
.we-share-l a:hover,.we-share-l a:focus-visible{background:#EE7D2A;border-color:#EE7D2A}
.we-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
/* page Destinations : meilleure période sur chaque carte */
.dc-info .dc-when{display:flex!important;align-items:flex-start;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.28);font:600 12.5px/1.35 'DM Sans',sans-serif!important;color:#fff!important;opacity:1!important;text-transform:none!important;letter-spacing:0!important}
.dc-info .dc-when svg{flex:none;width:15px;height:15px;margin-top:1px;fill:none;stroke:#F5B64E;stroke-width:2;stroke-linecap:round}
@media (max-width:560px){a.dc .dc-go{display:none}.dc-info .dc-when{font-size:11.5px!important;gap:5px}.dc-info .dc-when svg{width:13px;height:13px}}
/* === Harmonisation des cartes (un seul système) ===
   cartes photo et cartes blanches : arrondi 22px, même ombre douce ; grands panneaux : 30px ;
   pages magazine : arrondi léger 10px (style éditorial) */
.acc-card,.wt-card,a.dc,.xp-card,.dcard,.acc-guide,.acc-stats,.fact.wea-fact{border-radius:22px!important}
.xp-card,.dcard,.acc-guide,.acc-stats{background:#fff!important;border:1px solid rgba(22,35,63,.08)!important;box-shadow:0 10px 26px rgba(22,35,63,.08)!important}
.acc-card,.wt-card,a.dc{box-shadow:0 10px 26px rgba(22,35,63,.14)!important}
.wt-card{overflow:hidden}
.xp-card,.dcard,.acc-guide,.acc-card,.wt-card,a.dc{transition:transform .25s ease,box-shadow .25s ease}
@media (hover:hover){.xp-card:hover,.dcard:hover,.acc-guide:hover,.acc-card:hover,.wt-card:hover,a.dc:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(22,35,63,.16)!important}}
.acc-wea,.acc-fuse{border-radius:30px}
.mg .mg-seasons article,.mg .mg-art:not(.has-ph),.mg .mg-hello,.mg-ph img,.mg .mg-postcard{border-radius:10px!important}
.mg-ph{border-radius:10px;overflow:hidden}
.mg-ph.mg-band,.mg-duo .mg-ph{overflow:visible}