/* Voyage — travel: sky photo, a little plane crossing a dashed flight path, boarding-pass cards */
body.l-voyage{background:linear-gradient(180deg,color-mix(in srgb,var(--p) 14%,var(--bg)),var(--bg) 40%)}
.l-voyage .hero{position:relative;display:flex;align-items:flex-end;min-height:420px;overflow:hidden;text-align:left;background:var(--p)}
.l-voyage .cover{position:absolute;inset:0;height:auto;animation:vo-drift 30s ease-in-out infinite alternate}
.l-voyage .hero.no-cover .cover{background:linear-gradient(180deg,var(--p),color-mix(in srgb,var(--p) 40%,#fff))}
@keyframes vo-drift{to{transform:scale(1.1) translateX(3%)}}
.l-voyage .hero::before{content:"";position:absolute;left:-10%;right:-10%;top:58px;height:160px;z-index:1;border-top:2px dashed #ffffffb0;border-radius:50%}
.l-voyage .hero::after{content:"✈";position:absolute;top:44px;left:0;z-index:2;color:#fff;font-size:26px;text-shadow:0 2px 10px #0006;offset-path:path("M-20 70 Q 240 -10 520 70");animation:vo-fly 9s linear infinite}
@supports not (offset-path:path("M0 0")){.l-voyage .hero::after{animation:vo-fly2 9s linear infinite}}
@keyframes vo-fly{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes vo-fly2{from{transform:translateX(-40px)}to{transform:translateX(520px)}}
.l-voyage .id{position:relative;z-index:2;width:100%;padding:0 22px 30px;color:#fff;background:linear-gradient(180deg,transparent,#0009)}
.l-voyage .avatar{width:70px;height:70px;margin:0 0 14px;border:3px solid #fff;font-size:28px}
.l-voyage .kicker{display:block;margin:0 0 10px;padding:5px 12px;border-radius:999px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:700 11px var(--fb);letter-spacing:.18em;text-transform:uppercase}
.l-voyage .title{display:none}
.l-voyage .hero h1{font:800 38px/1 var(--fh);color:#fff;text-shadow:0 2px 18px #0005}
.l-voyage .company{color:#fff;opacity:.9}.l-voyage .tagline{color:#ffffffd0}
.l-voyage .act{border:0;border-radius:16px;background:var(--sf);box-shadow:0 8px 20px -10px color-mix(in srgb,var(--p) 50%,#0000)}
.l-voyage .panel,.l-voyage .item,.l-voyage .svc label{border:0;border-radius:16px;filter:drop-shadow(0 6px 14px color-mix(in srgb,var(--p) 22%,transparent))}
.l-voyage .panel{background:radial-gradient(circle at 0 50%,transparent 9px,var(--sf) 10px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 9px,var(--sf) 10px) right/51% 100% no-repeat;padding:16px 20px}
.l-voyage .blk>h2{display:flex;align-items:center;gap:8px;color:var(--p)}
.l-voyage .blk>h2::before{content:"✈";font-size:14px;transform:rotate(-30deg)}
.l-voyage .btn,.l-voyage .add{border:0;border-radius:999px;background:linear-gradient(100deg,var(--p),color-mix(in srgb,var(--p) 60%,var(--s)))}
.l-voyage .btn-save{border-radius:999px;background:var(--s);border-color:var(--s);color:#fff!important}
.l-voyage .offer{border-radius:16px;background:linear-gradient(100deg,var(--s),color-mix(in srgb,var(--s) 60%,var(--p)))}
.l-voyage .hero+.actions{margin-top:16px}