/* CARSELECT journey. Scoped additions; the vehicle and catalogue styles are untouched. */
.cs-new-section{--cs-sand:var(--accent,#d9bb91);--cs-dark:#101b21;--cs-line:#ffffff24;box-sizing:border-box;isolation:isolate}
.cs-new-section *, .cs-new-section *::before,.cs-new-section *::after{box-sizing:border-box}
.cs-new-section .cs-inner{max-width:1440px;margin:0 auto;padding:0 clamp(22px,5vw,80px)}
.cs-kicker{display:block;font:500 10px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:2px;color:#b0bbae}
.cs-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:44px}
.cs-section-head h2{font:400 clamp(38px,4.4vw,62px)/1.06 Georgia,"Times New Roman",serif;letter-spacing:-1.8px;margin:18px 0 0;color:inherit;max-width:750px}
.cs-section-head>p{max-width:310px;flex:0 1 300px;font:12px/1.85 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#abb9b8;margin:0 0 4px}
.cs-footnote{font:10px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#a9b6b6;margin:25px 0 0;max-width:650px}
.cs-route{padding:78px 0 54px;color:#eee9df;background:#101b21;border-top:1px solid #d9bb9145}
.cs-route-graph{position:relative;width:100%;aspect-ratio:1040/310;margin:42px 0 8px;background-image:linear-gradient(#d4d5bd07 1px,transparent 1px),linear-gradient(90deg,#d4d5bd07 1px,transparent 1px);background-size:60px 60px}
.cs-route-svg{display:block;width:100%;height:100%;overflow:visible}
.cs-route-track,.cs-route-trace{fill:none;stroke-width:1.7;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.cs-route-track{stroke:#667d786b}.cs-route-trace{stroke:var(--cs-sand);stroke-dasharray:1;stroke-dashoffset:0}
.cs-route-traveller{fill:#fff8e9;stroke:#d9bb9155;stroke-width:10;paint-order:stroke}
.cs-route-nodes .cs-dot{stroke:#c9d1c4;stroke-width:1.5;fill:#14242b;vector-effect:non-scaling-stroke}.cs-route-nodes .cs-dot-destination{fill:var(--cs-sand);stroke:var(--cs-sand)}
.cs-stop{position:absolute;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:35%;text-align:center;transform:translateX(-50%)}
.cs-stop strong{font:400 clamp(16px,1.8vw,26px)/1.15 Georgia,serif;letter-spacing:-.3px;color:#f3eee4}.cs-stop>span{font:10px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#a4b3b3}
.cs-stop-china{left:6.73%;top:10%;text-align:left;transform:none}.cs-stop-border{left:50%;top:79%}.cs-stop-destination{left:auto;right:6.7%;top:10%;text-align:right;transform:none}
.cs-leg{position:absolute;color:var(--cs-sand);font:500 11px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.4px;transform:translateX(-50%)}
.cs-leg-first{left:29%;top:41%}.cs-leg-second{left:74%;top:41%}.cs-map-caption{position:absolute;bottom:7px;left:0;font:8px/1.4 Arial,sans-serif;letter-spacing:2px;color:#839693}
.cs-periods{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding-top:32px;margin-top:30px;border-top:1px solid var(--cs-line)}
.cs-period p{margin:0 0 10px;display:flex;align-items:baseline;gap:8px}.cs-period strong{font:400 clamp(29px,3.2vw,44px)/1 Georgia,serif;letter-spacing:-1px}.cs-period small{font:10px Arial,sans-serif;color:#9aaea8}.cs-period>span{font:11px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#c7d1c6}
#order-process.cs-journey-installed{padding:0;background:#101b21;color:#eee9df;border:0;max-width:none;width:100%;margin:0}
#order-process.cs-journey-installed>.faq-section{padding:45px clamp(22px,5vw,80px) 55px;max-width:1440px;margin:0 auto;border-color:#ffffff25;color:#e4e8db}
#order-process.cs-journey-installed>.faq-section h3{color:#e5e8dd}#order-process.cs-journey-installed>.faq-section p{color:#aabbad}#order-process.cs-journey-installed>.faq-section details{border-color:#ffffff24}
.cs-five-steps{position:relative;background:#101b21;color:#eee9df;padding:0;height:auto;border-top:1px solid #ffffff16}
.cs-steps-sticky{padding:65px 0 42px;overflow:hidden}
.cs-five-steps.cs-motion-enabled{height:360vh;height:360svh}
.cs-motion-enabled .cs-steps-sticky{position:sticky;top:var(--nav-height,78px);height:calc(100vh - var(--nav-height,78px));height:calc(100svh - var(--nav-height,78px));min-height:510px;max-height:940px;display:flex;align-items:center}
.cs-steps-sticky>.cs-inner{width:100%}
.cs-five-steps .cs-section-head h2{max-width:650px;font-size:clamp(36px,4vw,58px)}
.cs-steps-window{margin-top:45px;overflow:visible}
.cs-steps-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;transform:translate3d(0,0,0)}
.cs-motion-enabled .cs-steps-track{display:flex;gap:36px;will-change:transform}
.cs-step{padding:0 28px 0 0;min-width:0;border-right:1px solid #ffffff16;display:flex;flex-direction:column;align-items:flex-start}
.cs-motion-enabled .cs-step{flex:0 0 calc((100% - 72px)/3)}
.cs-step-number{font:750 clamp(55px,7.8vw,114px)/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-6px;color:transparent;-webkit-text-stroke:1px #73897b75;margin:0 0 25px;transition:color .15s ease,-webkit-text-stroke-color .15s ease}
.cs-step.cs-complete .cs-step-number,.cs-step.cs-current .cs-step-number{color:var(--cs-sand);-webkit-text-stroke-color:var(--cs-sand)}
.cs-step h3{font:400 clamp(22px,2.2vw,31px)/1.08 Georgia,serif;letter-spacing:-.4px;color:#ecebdd;margin:0 0 13px}
.cs-step p{font:11px/1.9 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#afbeb4;margin:0 0 22px;max-width:280px;min-height:62px}
.cs-step-days{font:500 10px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.8px;color:var(--cs-sand);margin-top:auto}
.cs-flow-bottom{margin-top:38px}.cs-flow-line{height:1px;background:#ffffff26;overflow:hidden}.cs-flow-line span{display:block;height:100%;width:100%;background:var(--cs-sand);transform-origin:0 0;transform:scaleX(1)}
.cs-flow-nav{display:flex;justify-content:space-between;margin-top:14px;gap:8px}.cs-flow-nav button{cursor:pointer;font:11px/1 Arial,sans-serif;min-width:38px;min-height:34px;padding:9px;border:1px solid transparent;border-radius:3px;color:#82978a;background:transparent}
.cs-flow-nav button[aria-pressed=true]{border-color:#d9bb9140;color:var(--cs-sand);background:#d9bb910b}.cs-flow-nav button:focus-visible,.cs-pickup-button:focus-visible{outline:2px solid #dac79e;outline-offset:3px}
.cs-flow-notes{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-top:12px}.cs-flow-notes .cs-footnote{margin:0;max-width:560px}.cs-scroll-cue{font:9px/1.8 Arial,sans-serif;color:#b7c5b5;white-space:nowrap;letter-spacing:.3px}
.cs-handovers{padding:72px 0;background:var(--paper,#f0eee7);color:#223931;border-top:1px solid #c6cbbd}
.cs-handovers .cs-kicker{color:#7b8a75}.cs-handovers .cs-section-head>p{color:#697e6a}
.cs-handover-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.75fr);gap:28px;margin-top:38px}
.cs-handover-empty{display:flex;min-height:296px;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#e7e9df;border:1px solid #d2dacb;padding:38px;border-radius:4px}
.cs-empty-icon{font:300 45px/1.2 Arial,sans-serif;color:#85917c;margin-bottom:14px}.cs-handover-empty h3{font:400 28px/1.2 Georgia,serif;letter-spacing:-.5px;margin:6px 0 12px}.cs-handover-empty p{font:12px/1.8 Arial,sans-serif;color:#6e8065;margin:0;max-width:320px}
.cs-pickup{padding:33px;background:#20343a;color:#e8e5d4;display:flex;flex-direction:column;border-radius:4px}.cs-handovers .cs-pickup .cs-kicker{color:#adc0ae;font-size:9px}.cs-pickup h3{font:400 38px/1.2 Georgia,serif;letter-spacing:-1px;margin:24px 0 13px}.cs-pickup p{font:12px/1.8 Arial,sans-serif;color:#b5c6b7;margin:0 0 23px}.cs-pickup-address:empty{display:none}
.cs-pickup-button{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font:12px/1.5 Arial,sans-serif;border:0;border-bottom:1px solid #a8b49188;border-radius:0;background:transparent;color:#e3d2b2;padding:12px 0;margin-top:auto;min-height:44px}.cs-pickup-button>span:last-child{font-size:22px}
.cs-handover-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cs-handover-item{border:1px solid #cfd6c7;background:#faf9f3;border-radius:4px;overflow:hidden}.cs-handover-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#e1e6d9}.cs-handover-item h3{font:400 24px/1.2 Georgia,serif;margin:20px 20px 9px}.cs-handover-item p{font:11px/1.8 Arial,sans-serif;margin:0 20px 21px;color:#627358}.cs-handover-item time{display:block;font:10px/1.6 Arial,sans-serif;color:#75876c;margin:0 20px 9px}
.catalog-only #cs-route,.catalog-only #cs-handovers{display:none}
@media(max-width:1000px){.cs-section-head{gap:22px}.cs-step-number{font-size:80px}.cs-motion-enabled .cs-step{flex-basis:calc((100% - 45px)/2.4)}.cs-steps-track{gap:23px}.cs-handover-layout{grid-template-columns:1.4fr .8fr}}
@media(max-width:760px){
 .cs-route{padding:49px 0 37px}.cs-section-head{display:block}.cs-section-head h2{font-size:38px;letter-spacing:-1.25px;max-width:340px;margin-top:13px}.cs-kicker{font-size:8px;letter-spacing:1.6px}.cs-section-head>p{font-size:11px;margin:17px 0 0;max-width:310px}
 .cs-route-graph{aspect-ratio:360/455;margin:25px 0 0;background-size:40px 40px}.cs-stop{max-width:66%;transform:none;text-align:left;gap:5px}.cs-stop strong{font-size:21px}.cs-stop>span{font-size:9px}.cs-stop-china{left:22%;top:7%}.cs-stop-border{left:4%;top:51%}.cs-stop-destination{left:5%;right:auto;top:82%;text-align:left}.cs-leg{font-size:10px}.cs-leg-first{left:52%;top:28%}.cs-leg-second{left:80%;top:66%}.cs-map-caption{font-size:7px;bottom:0}
 .cs-periods{gap:24px 22px;grid-template-columns:repeat(2,1fr);padding-top:24px;margin-top:24px}.cs-period strong{font-size:35px}.cs-period>span{font-size:10px}.cs-period small{font-size:9px}.cs-footnote{font-size:9px;margin-top:23px;line-height:1.9}
 .cs-five-steps.cs-motion-enabled{height:390vh;height:390svh}.cs-steps-sticky{padding:40px 0 27px}.cs-motion-enabled .cs-steps-sticky{min-height:490px;max-height:950px;align-items:center}.cs-five-steps .cs-section-head h2{font-size:35px;max-width:330px}.cs-five-steps .cs-section-head>p{font-size:10px;margin-top:12px}
 .cs-steps-window{margin-top:34px}.cs-motion-enabled .cs-steps-track{gap:23px}.cs-motion-enabled .cs-step{flex:0 0 calc(100% - 22px);padding-right:20px}.cs-step-number{font-size:96px;letter-spacing:-5px;margin-bottom:22px}.cs-step h3{font-size:28px;margin-bottom:11px}.cs-step p{font-size:11px;min-height:63px;max-width:265px;margin-bottom:18px}.cs-step-days{font-size:10px}.cs-flow-bottom{margin-top:27px}.cs-flow-notes{gap:14px}.cs-flow-notes .cs-footnote{font-size:8px}.cs-scroll-cue{font-size:8px}.cs-flow-nav{margin-top:10px}
 .cs-steps-track{grid-template-columns:1fr;gap:28px}.cs-handovers{padding:45px 0}.cs-handover-layout{grid-template-columns:1fr;gap:20px;margin-top:27px}.cs-handover-empty{min-height:255px;padding:25px}.cs-handover-empty h3{font-size:26px}.cs-handover-empty p{font-size:11px}.cs-pickup{padding:29px}.cs-pickup h3{font-size:34px;margin-top:17px}.cs-pickup p{font-size:11px}.cs-handover-items{grid-template-columns:1fr}
}
@media(max-height:690px){.cs-motion-enabled .cs-steps-sticky{min-height:0;padding-top:24px;padding-bottom:22px}.cs-five-steps .cs-section-head h2{font-size:30px;max-width:none}.cs-five-steps .cs-section-head>p{display:none}.cs-steps-window{margin-top:20px}.cs-step-number{font-size:74px;margin-bottom:15px}.cs-step h3{font-size:25px}.cs-step p{font-size:10px;line-height:1.8;min-height:48px;margin-bottom:15px}.cs-flow-bottom{margin-top:20px}.cs-flow-notes{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.cs-five-steps.cs-motion-enabled{height:auto!important}.cs-motion-enabled .cs-steps-sticky{position:relative;top:auto;height:auto;max-height:none;min-height:0;display:block}.cs-motion-enabled .cs-steps-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));transform:none!important;gap:22px;will-change:auto}.cs-step-number{font-size:56px}.cs-step{border-right:0}.cs-flow-nav,.cs-scroll-cue,.cs-route-traveller{display:none}.cs-flow-line span{transform:scaleX(1)!important}.cs-route-trace{stroke-dashoffset:0!important}.cs-step-number{transition:none!important}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.cs-motion-enabled .cs-steps-track{grid-template-columns:1fr}.cs-step-number{font-size:68px}.cs-steps-window{margin-top:32px}}
@media(max-height:470px){
 .cs-motion-enabled .cs-steps-sticky{padding:12px 0;align-items:center;min-height:0}
 .cs-five-steps .cs-kicker{font-size:7px;line-height:1.3}.cs-five-steps .cs-section-head h2{font-size:23px;margin-top:7px;line-height:1.05}
 .cs-steps-window{margin-top:13px}.cs-step-number{font-size:46px;letter-spacing:-3px;margin-bottom:9px}
 .cs-step h3{font-size:21px;line-height:1.05;margin-bottom:8px}.cs-step p{font-size:9px;line-height:1.6;min-height:29px;margin-bottom:10px}.cs-step-days{font-size:9px}
 .cs-flow-bottom{margin-top:16px}.cs-flow-nav{margin-top:6px}.cs-flow-nav button{font-size:9px;min-height:27px;padding:6px}.cs-flow-notes{display:none}
}
@media(min-width:761px) and (max-width:1000px) and (prefers-reduced-motion:reduce){.cs-steps-track{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cs-route,.cs-handovers{scroll-margin-top:calc(var(--nav-height,78px) + 12px)}
.cs-new-section[hidden],.cs-new-section [hidden]{display:none!important}
@media(min-width:761px) and (max-width:1100px){.desktop-nav a[href="#cs-handovers"]{display:none}}
