/* ===== Page destination ===== */
  .dhero{position:relative;min-height:640px;display:flex;align-items:flex-end;color:#fff;background:var(--night);overflow:hidden}
  .dhero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .dhero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,28,.85) 0%,rgba(10,14,28,.5) 55%,rgba(10,14,28,.2) 100%),linear-gradient(180deg,rgba(10,14,28,.6) 0%,rgba(10,14,28,0) 35%,rgba(10,14,28,.7) 100%)}
  .dhero .wrap{position:relative;z-index:2;width:100%;padding-top:130px;padding-bottom:56px;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end}
  .crumb{display:flex;gap:8px;font-size:13px;color:rgba(255,255,255,.7);margin-bottom:18px;flex-wrap:wrap}
  .crumb a:hover{color:#fff}
  .dhero h1{font-size:clamp(38px,5.4vw,68px);font-weight:500;line-height:1;letter-spacing:-.03em}
  .dhero h1 .from{display:block;font-size:.42em;font-family:Inter,sans-serif;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.75);margin-bottom:14px}
  .dhero .lead{margin-top:20px;font-size:17.5px;color:rgba(255,255,255,.8);max-width:520px;line-height:1.6}
  .facts{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
  .facts div{background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:10px 14px;font-size:13px;color:rgba(255,255,255,.75)}
  .facts b{display:block;color:#fff;font-size:18px;letter-spacing:-.02em;line-height:1.1;margin-bottom:2px}
  .facts .hi b{color:var(--amber)}
  .booking{background:#fff;color:var(--ink);border-radius:22px;padding:24px;box-shadow:0 40px 90px -30px rgba(0,0,0,.6)}
  .booking .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}
  .booking button.btn{width:100%;font-family:inherit}.booking h3,.booking .h3{font-size:18px;font-weight:600}.booking .top small{font-size:12.5px;color:var(--mut)}
  .field{margin-bottom:11px}
  .field label{display:block;font-size:12px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}
  .field .inp{display:flex;align-items:center;gap:10px;border:1px solid var(--line-in);border-radius:12px;padding:12px 14px;background:var(--paper);color:var(--mut)}
  .field .inp:focus-within{border-color:var(--cobalt);box-shadow:0 0 0 4px var(--sky);background:#fff}
  .field .inp input{border:none;outline:none;width:100%;min-width:0;font-size:15px;background:transparent;font-family:inherit;color:var(--ink)}
  .row2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:11px}
  .booking .btn{width:100%;margin-top:6px;padding:16px;border-radius:999px}
  .booking .note{text-align:center;font-size:12.5px;color:var(--mut);margin-top:10px}
  /* barre prix collante */
  .pbar{position:fixed;left:0;right:0;top:0;z-index:49;transform:translateY(-110%);transition:.35s var(--ease);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:86px 0 10px}
  .pbar.on{transform:none}
  .pbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
  .pbar .r{font-weight:600;font-size:15px}.pbar .r span{color:var(--mut);font-weight:500;font-size:13.5px;margin-left:10px}
  .pbar .p{display:flex;align-items:center;gap:14px}.pbar .p b{font-size:20px;letter-spacing:-.02em}.pbar .p small{color:var(--mut);display:block;font-size:12px;font-weight:500}
  .pbar .btn{border-radius:999px;padding:12px 20px;font-size:14px}
  @media(max-width:900px){.pbar{padding:78px 0 10px}.pbar .r span{display:none}}
  /* sections */
  section{padding:92px 0}
  .head{display:block;margin-bottom:40px}
  .head h2{margin-top:0}
  .head .label{display:block;margin-bottom:12px}
  .head p{color:var(--mut);max-width:560px;font-size:16px;margin-top:12px}
  .sample{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:#8a5a00;background:#fff3d6;border:1px solid #f3dfae;padding:6px 12px;border-radius:999px;margin-top:14px}
  /* comparateur */
  .cmp-sec{background:var(--night);color:#fff}
  .cmp-sec .head p{color:rgba(255,255,255,.65)}.cmp-sec .label{color:var(--amber)}
  .cmp{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px}
  .cmp .c{border-radius:var(--r);padding:26px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
  .cmp .c.win{background:#fff;color:var(--ink);border-color:#fff;position:relative;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
  .cmp .c.win .reco{position:absolute;top:-13px;left:22px;background:var(--cobalt);color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:999px}
  .cmp h3{font-size:19px}.cmp .c .sub{font-size:13.5px;opacity:.65;margin-top:3px}
  .cmp .big{font-size:38px;letter-spacing:-.03em;font-weight:600;margin:18px 0 2px;line-height:1}
  .cmp .big small{font-size:14px;font-weight:500;opacity:.65;letter-spacing:0}
  .cmp .per{font-size:13px;opacity:.7}
  .cmp ul{list-style:none;margin-top:18px;display:grid;gap:9px;font-size:14px}
  .cmp li{display:flex;gap:9px;align-items:flex-start}
  .cmp li .svg{width:16px;height:16px;flex:none;margin-top:2px;stroke-width:2.2}
  .cmp li.ok .svg{color:#3ddc84}.cmp .c.win li.ok .svg{color:#1f9d55}
  .cmp li.no{opacity:.6}.cmp li.no .svg{color:#ff6b6b}
  .cmp .c.win .btn{width:100%;margin-top:20px;border-radius:999px}
  .calc{margin-top:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:22px 26px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
  .calc label{font-size:14px;color:rgba(255,255,255,.75);display:block;margin-bottom:10px}
  .calc label b{color:#fff}
  .calc input[type=range]{width:100%;accent-color:var(--amber)}
  .calc .out{text-align:right;white-space:nowrap}
  .calc .out b{font-size:34px;letter-spacing:-.03em;display:block;line-height:1;color:var(--amber)}
  .calc .out small{color:rgba(255,255,255,.65);font-size:13px}
  /* timeline trajet */
  .tlx{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
  .route-svg{width:100%;height:auto}
  .steps-t{display:grid;gap:0}
  .steps-t>div{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
  .steps-t>div:last-child{border:none}
  .steps-t .t{font-weight:700;font-size:14px;color:var(--cobalt);padding-top:2px}
  .steps-t b{display:block;font-size:16px}.steps-t p{color:var(--mut);font-size:14px;margin-top:3px}
  /* prix véhicules */
  .vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .vc{background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid rgba(0,0,0,.04);transition:.25s var(--ease)}
  .vc:hover{transform:translateY(-4px);box-shadow:0 30px 50px -34px rgba(0,0,0,.4)}
  .vc .ph{aspect-ratio:4/3;background:var(--night)}.vc .ph img{width:100%;height:100%;object-fit:cover}
  .vc .b{padding:18px 18px 20px}
  .vc h3{font-size:17px;display:flex;justify-content:space-between;align-items:center}
  .vc h3 span{font-size:12.5px;color:var(--mut);font-weight:500}
  .vc .pr{margin-top:10px;font-size:24px;letter-spacing:-.02em;font-weight:600}
  .vc .pr small{font-size:12.5px;color:var(--mut);font-weight:500;display:block;margin-top:2px}
  .vc .btn{width:100%;margin-top:14px;padding:12px;border-radius:999px;font-size:14px}
  .local{background:var(--sand)}.local-txt{max-width:780px;font-size:17px;line-height:1.7;color:var(--mut)}.local-txt p+p{margin-top:16px}
.inc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
  .inc-grid>div{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--mut);background:#fff;border-radius:14px;padding:16px}
  .inc-grid .svg{width:20px;height:20px;color:#1f9d55;flex:none;stroke-width:2.2}
  .inc-grid b{display:block;color:var(--ink);font-size:14.5px}
  /* guide */
  .guide{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start}
  .guide .txt p{color:var(--mut);font-size:16px;line-height:1.7;margin-top:14px}
  .kf{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
  .kf>div{background:#fff;border-radius:14px;padding:14px 16px}
  .kf b{display:block;font-size:20px;letter-spacing:-.02em}.kf span{font-size:12.5px;color:var(--mut)}
  .zones{background:#fff;border-radius:var(--r);padding:22px 24px;border:1px solid rgba(0,0,0,.04)}
  .zones h3{font-size:17px;margin-bottom:6px}.zones .sub{font-size:13.5px;color:var(--mut);margin-bottom:10px}
  .zones div.z{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px}
  .zones div.z:last-child{border:none}
  .zones .z span{color:var(--mut);font-size:13px}
  .zones .z b{white-space:nowrap}
  .hotels{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
  .hotels span{font-size:12.5px;background:var(--sand);padding:6px 11px;border-radius:999px;color:var(--ink)}
  .retour{margin-top:16px;background:var(--sky);border-radius:var(--r);padding:20px 22px}
  .retour h3{font-size:16px;display:flex;align-items:center;gap:9px}
  .retour h3 .svg{width:18px;height:18px;color:var(--cobalt)}
  .retour p{font-size:14px;color:var(--mut);margin-top:6px}
  .retour .row{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:14px;flex-wrap:wrap}
  .retour input{border:1px solid rgba(42,91,255,.3);border-radius:10px;padding:8px 10px;font-family:inherit;font-size:15px;background:#fff;width:100px}
  .retour b.out{color:var(--cobalt);font-size:18px}
  /* avis */
  .revs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .rev{background:#fff;border-radius:var(--r);padding:24px;border:1px solid rgba(0,0,0,.04)}
  .rev .st{color:#b26f05;letter-spacing:2px;font-size:14px}
  .rev p{margin-top:10px;font-size:15px;line-height:1.55}
  .rev .who{margin-top:14px;font-size:13.5px;font-weight:600}.rev .who span{color:var(--mut);font-weight:500}
  /* faq */
  .faq details{border-bottom:1px solid var(--line-2)}.faq details:first-child{border-top:1px solid var(--line-2)}
  .faq summary{cursor:pointer;font-weight:600;font-size:17px;padding:20px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary .pm{width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2);position:relative;flex:none}
  .faq summary .pm::before,.faq summary .pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%)}
  .faq summary .pm::after{transform:translate(-50%,-50%) rotate(90deg)}
  .faq details[open] summary .pm{background:var(--ink)}.faq details[open] summary .pm::before,.faq details[open] summary .pm::after{background:#fff}.faq details[open] summary .pm::after{transform:translate(-50%,-50%)}
  .faq p{color:var(--mut);padding:0 60px 22px 0;font-size:15.5px;line-height:1.65}
  .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
  /* autres destinations */
  .more{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .more a{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--night);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:18px}
  .more a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
  .more a:hover img{transform:scale(1.06)}
  .more a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,28,0) 30%,rgba(10,14,28,.9) 100%)}
  .more a>*{position:relative;z-index:1}
  .more b{font-size:20px;font-weight:500}.more span{font-size:12.5px;color:rgba(255,255,255,.75)}
  .more a.grad{background:linear-gradient(135deg,#1a2350,#2a5bff)}
  .cta{position:relative;background:var(--night);color:#fff;overflow:hidden;padding:100px 0}
  .cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}
  .cta::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,28,.92),rgba(10,14,28,.3))}
  .cta .wrap{position:relative;z-index:1}
  .cta h2{font-size:clamp(34px,4.6vw,56px);max-width:16ch;font-weight:500}
  .cta p{margin-top:16px;color:rgba(255,255,255,.75);max-width:460px}
  .cta .acts{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
  .cta .btn{border-radius:999px}
  @media(max-width:1000px){
    .dhero{min-height:auto}.dhero .wrap{grid-template-columns:1fr;gap:30px;padding-top:110px;padding-bottom:40px}
    section{padding:64px 0}
    .cmp{grid-template-columns:1fr}.cmp .c.win{order:-1}
    .calc{grid-template-columns:1fr}.calc .out{text-align:left}
    .tlx{grid-template-columns:1fr;gap:28px}
    .vgrid{grid-template-columns:1fr 1fr;gap:12px}.inc-grid{grid-template-columns:1fr 1fr}
    .guide{grid-template-columns:1fr}.kf{grid-template-columns:1fr 1fr 1fr}
    .revs{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr;gap:24px}
    .more{grid-template-columns:1fr 1fr}
    .faq p{padding-right:0}
  }
  @media(max-width:520px){.vgrid{grid-template-columns:1fr}.kf{grid-template-columns:1fr 1fr}.inc-grid{grid-template-columns:1fr}}
