/* سيادة — «✈️ السفر ٢» (voyage drop-in). Night Gold, RTL, mobile-first; no added tracking on Arabic; transform/opacity animations only. */
.sm-arrive.vy-hold{visibility:hidden}
.vy-w{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;overflow:hidden;background:#050c20;opacity:0;transition:opacity .25s ease;cursor:pointer;
  -webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}
.vy-w.in{opacity:1}.vy-w.out{opacity:0;transition:opacity .35s ease}
.vy-bg{position:absolute;inset:-4%;background:#0b1a3a center/cover no-repeat;transform:scale(1.14);opacity:0;animation:vyBg 2.9s cubic-bezier(.2,.7,.2,1) .35s forwards}
.vy-shade{position:absolute;inset:0;background:radial-gradient(120% 70% at 50% 42%,rgba(5,12,32,.05),rgba(5,12,32,.55) 60%,rgba(5,12,32,.92)),linear-gradient(180deg,rgba(5,12,32,.55),transparent 30%,transparent 55%,rgba(5,12,32,.85))}
.vy-run{position:absolute;inset-inline:0;bottom:22%;height:90px;pointer-events:none}
.vy-strip{position:absolute;inset-inline:6%;bottom:18px;height:3px;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(255,227,154,.9) 0 26px,transparent 26px 46px);opacity:0;animation:vyStrip 1.3s ease .05s forwards}
.vy-plane{position:absolute;bottom:20px;left:50%;width:84px;height:84px;margin-left:-42px;color:var(--gold2,#ffe39a);filter:drop-shadow(0 6px 14px rgba(242,189,61,.55));
  transform:translate(-62vw,-46vh) rotate(18deg) scale(.6);animation:vyLand 1.05s cubic-bezier(.25,.6,.3,1) forwards, vyTaxi .9s ease-in 1.05s forwards}
.vy-plane svg{width:100%;height:100%}
.vy-puff{position:absolute;bottom:14px;left:50%;width:120px;height:26px;margin-left:-60px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,240,210,.75),transparent);opacity:0;transform:scale(.3);animation:vyPuff .7s ease-out .95s forwards}
.vy-card{position:relative;z-index:2;text-align:center;max-width:min(92vw,560px);opacity:0;transform:translateY(26px) scale(.96);animation:vyCard .6s cubic-bezier(.2,.8,.2,1.15) .85s forwards}
.vy-card h2{margin:10px 0 4px;font-size:clamp(1.55rem,6.6vw,2.6rem);line-height:1.35;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.6)}
.vy-card h2 b{display:block;color:var(--gold2,#ffe39a);font-size:1.18em;background:linear-gradient(180deg,#fff1c4,#f2bd3d 55%,#c98d16);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px rgba(242,189,61,.35))}
.vy-flag{width:86px;height:58px;object-fit:cover;border-radius:10px;box-shadow:0 0 0 2px rgba(255,227,154,.85),0 10px 30px -6px rgba(0,0,0,.7);background:#132a5a}
.vy-flag.sm{width:52px;height:35px;border-radius:7px}
.vy-lm{margin:0;color:#e8dcc0;font-size:clamp(.95rem,3.8vw,1.15rem);text-shadow:0 2px 10px rgba(0,0,0,.7)}
.vy-stamp{position:absolute;z-index:3;top:calc(14% + env(safe-area-inset-top));inset-inline-start:7%;width:clamp(118px,30vw,170px);aspect-ratio:1;opacity:0;transform:scale(2.6) rotate(-4deg);
  animation:vyStamp .42s cubic-bezier(.5,0,.75,0) 1.25s forwards}
.vy-s-in{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;color:#ff6b5c;border:4px double rgba(255,107,92,.92);
  background:radial-gradient(closest-side,rgba(255,107,92,.12),rgba(255,107,92,.04));box-shadow:inset 0 0 0 7px rgba(5,12,32,.15);mix-blend-mode:screen;transform:rotate(-14deg);text-align:center;line-height:1.25}
.vy-s-in b{font-size:clamp(1rem,4.6vw,1.3rem);color:#ff7f6e}.vy-s-in small{font-size:.72rem;opacity:.95}.vy-s-in em{font-style:normal;font-size:.68rem;opacity:.85;margin-top:2px}
.vy-conf{position:absolute;inset:0;pointer-events:none;z-index:4}
.vy-conf i{position:absolute;top:-4%;left:var(--x);width:9px;height:15px;border-radius:2px;background:linear-gradient(180deg,#fff1c4,#f2bd3d 50%,#c98d16);opacity:0;
  transform:translate3d(0,0,0) rotate(var(--r)) scale(var(--s));animation:vyConf 1.9s cubic-bezier(.2,.6,.4,1) calc(1.3s + var(--d)) forwards}
.vy-conf i:nth-child(3n){width:7px;height:7px;border-radius:50%}.vy-conf i:nth-child(4n){background:linear-gradient(180deg,#ffe39a,#d4a017)}
.vy-skip{position:absolute;z-index:5;bottom:calc(18px + env(safe-area-inset-bottom));inset-inline-end:16px;background:rgba(5,12,32,.55);color:#f2f5fc;border:1px solid rgba(255,227,154,.35);border-radius:999px;padding:8px 16px;font:inherit;font-size:.9rem;cursor:pointer}
.vy-w .vy-card{animation-play-state:running}
.vy-w.shake .vy-card{animation:vyShake .3s}
@keyframes vyBg{0%{opacity:0;transform:scale(1.14)}25%{opacity:1}100%{opacity:1;transform:scale(1)}}
@keyframes vyStrip{to{opacity:.85}}
@keyframes vyLand{0%{transform:translate(-62vw,-46vh) rotate(18deg) scale(.6)}80%{transform:translate(-6vw,-1vh) rotate(3deg) scale(1)}100%{transform:translate(0,0) rotate(0) scale(1)}}
@keyframes vyTaxi{to{transform:translate(70vw,0) scale(.9);opacity:0}}
@keyframes vyPuff{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.6)}}
@keyframes vyCard{to{opacity:1;transform:none}}
@keyframes vyStamp{0%{opacity:0;transform:scale(2.6) rotate(-4deg)}70%{opacity:1}88%{transform:scale(.94) rotate(0)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes vyConf{0%{opacity:0;transform:translate3d(0,0,0) rotate(var(--r)) scale(var(--s))}10%{opacity:1}100%{opacity:0;transform:translate3d(var(--dx),108vh,0) rotate(calc(var(--r) + 540deg)) scale(var(--s))}}
/* reduced motion: no flight, no confetti, no slam — a calm fade */
.vy-w.rm .vy-bg{animation:none;opacity:1;transform:none}.vy-w.rm .vy-run,.vy-w.rm .vy-conf{display:none}
.vy-w.rm .vy-card{animation:none;opacity:1;transform:none}.vy-w.rm .vy-stamp{animation:none;opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.vy-w *{animation:none!important;transition:none!important}.vy-w .vy-bg,.vy-w .vy-card,.vy-w .vy-stamp{opacity:1;transform:none}.vy-w .vy-run,.vy-w .vy-conf{display:none}}
@media (min-width:1024px){.vy-stamp{inset-inline-start:calc(50% - 360px);top:16%}.vy-run{bottom:18%}}
/* the airport sheet */
.vy-sheet{position:fixed;inset:0;z-index:8990;display:flex;align-items:flex-end;justify-content:center;background:rgba(3,8,22,.45);opacity:0;transition:opacity .25s}
.vy-sheet.in{opacity:1}
.vy-sh-in{position:relative;width:min(100%,560px);background:linear-gradient(180deg,#14284f,#0b1a3a);border:1px solid rgba(255,227,154,.25);border-bottom:0;border-radius:22px 22px 0 0;
  padding:18px 16px calc(16px + env(safe-area-inset-bottom));transform:translateY(30px);transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 -14px 40px -10px rgba(0,0,0,.6)}
.vy-sheet.in .vy-sh-in{transform:none}
.vy-sh-h{display:flex;gap:12px;align-items:center;margin-bottom:12px}.vy-sh-h img{width:52px;height:35px;border-radius:7px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,227,154,.6)}
.vy-x{position:absolute;top:10px;inset-inline-end:10px;background:none;border:0;color:var(--muted,#93a3c6);font-size:1.1rem;cursor:pointer;padding:6px}
.vy-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.vy-acts .btn{text-align:center}
.vy-reward{background:rgba(242,189,61,.12);border:1px solid rgba(242,189,61,.4);border-radius:12px;padding:8px 10px;margin:6px 0;color:var(--gold2,#ffe39a)}
/* the voyage page */
.vy-page{display:grid;gap:12px}.vy-h1{margin:6px 4px}
.vy-here{position:relative;overflow:hidden;min-height:132px;padding:0}
.vy-here-bg{position:absolute;inset:0;background:center/cover no-repeat;opacity:.55}
.vy-here-in{position:relative;display:flex;gap:12px;align-items:center;padding:16px;min-height:132px;background:linear-gradient(0deg,rgba(5,12,32,.9),rgba(5,12,32,.2))}
.vy-wal{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.vy-wal div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,227,154,.14)}
.vy-wal img{width:30px;height:20px;border-radius:4px;object-fit:cover}.vy-wal span{font-size:.8rem;color:var(--muted,#93a3c6)}.vy-wal b{font-size:1.15rem;color:var(--gold2,#ffe39a)}
.vy-row{display:grid;grid-template-columns:1.3fr 1fr;gap:8px;margin-bottom:6px}
.vy-left img{width:28px;height:19px;border-radius:4px;object-fit:cover}
.vy-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:8px}
.vy-item{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:12px 8px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,227,154,.16)}
.vy-item.own{border-color:rgba(242,189,61,.5);background:rgba(242,189,61,.07)}.vy-ic{font-size:1.9rem;line-height:1}
.vy-bar{position:relative;height:10px;border-radius:10px;background:rgba(255,255,255,.08);margin:22px 4px 8px}
.vy-bar>i{position:absolute;inset-block:0;inset-inline-start:0;border-radius:10px;background:linear-gradient(90deg,#c98d16,#f2bd3d,#ffe39a)}
.vy-tier{position:absolute;top:-20px;transform:translateX(50%);font-size:.75rem;color:var(--muted,#93a3c6)}.vy-tier.done{color:var(--gold2,#ffe39a)}
.vy-tiers{display:grid;gap:4px;font-size:.85rem;color:var(--muted,#93a3c6);margin-bottom:10px}.vy-tiers .done{color:var(--gold2,#ffe39a)}
.vy-title{display:inline-block;margin:4px 0 6px;padding:4px 12px;border-radius:999px;background:linear-gradient(180deg,rgba(242,189,61,.25),rgba(242,189,61,.08));color:var(--gold2,#ffe39a);border:1px solid rgba(242,189,61,.5)}
.vy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}
.vy-st{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:12px;background:rgba(255,255,255,.03);opacity:.45;filter:grayscale(1)}
.vy-st.on{opacity:1;filter:none;background:rgba(242,189,61,.08);box-shadow:inset 0 0 0 1px rgba(242,189,61,.45)}
.vy-st img{width:36px;height:24px;border-radius:4px;object-fit:cover}.vy-st small{font-size:.68rem;text-align:center;line-height:1.3}
.vy-souv{display:flex;flex-wrap:wrap;gap:6px}.vy-souv span{padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,227,154,.18);font-size:.85rem}
.vy-banner{display:flex;gap:12px;align-items:center;border:1px solid rgba(242,189,61,.55);background:linear-gradient(90deg,rgba(242,189,61,.16),rgba(242,189,61,.04))}
.vy-b-ic{font-size:1.7rem}.vy-banner b{color:var(--gold2,#ffe39a)}
.vy-strip{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit}
@media (min-width:1024px){body.vy-wide .vy-page{grid-template-columns:1fr 1fr;align-items:start;max-width:1100px;margin:0 auto}body.vy-wide .vy-page>.vy-h1,body.vy-wide .vy-page>.vy-here,body.vy-wide .vy-page>.vy-col{grid-column:1/-1}}

/* exchange direction */
.vy-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}
.vy-seg button{font:inherit;font-size:.85rem;padding:9px 6px;border-radius:12px;border:1px solid rgba(255,227,154,.2);background:rgba(255,255,255,.04);color:var(--text,#f2f5fc);cursor:pointer}
.vy-seg button.on{background:linear-gradient(180deg,rgba(242,189,61,.25),rgba(242,189,61,.08));border-color:rgba(242,189,61,.6);color:var(--gold2,#ffe39a)}
/* «في الجو الآن»: the ticker on every screen */
.vy-tick{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:8px 12px;border-radius:14px;text-decoration:none;color:var(--text,#f2f5fc);
  background:linear-gradient(90deg,rgba(242,189,61,.2),rgba(20,38,82,.7));border:1px solid rgba(242,189,61,.5);box-shadow:0 6px 18px -10px rgba(242,189,61,.6);overflow:hidden}
.vy-tk-pl{font-size:1.2rem;animation:vyBob 1.6s ease-in-out infinite}
.vy-av{flex:none}.vy-tk-fl{width:26px;height:17px;border-radius:3px;object-fit:cover;flex:none}
.vy-tk-t{flex:1;min-width:0;font-size:.86rem;line-height:1.45}.vy-tk-t b{color:var(--gold2,#ffe39a)}
.vy-tk-n{flex:none;font-size:.75rem;padding:2px 7px;border-radius:999px;background:rgba(242,189,61,.25)}
@keyframes vyBob{50%{transform:translateY(-3px)}}
/* the map panel */
.vy-airlist{position:fixed;z-index:6;top:calc(env(safe-area-inset-top,0px) + 152px);inset-inline-end:10px;width:min(300px,74vw);padding:8px 10px;border-radius:16px;
  background:rgba(11,26,58,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(242,189,61,.45)}
.vy-airlist h3{margin:0 0 6px;font-size:.95rem;color:var(--gold2,#ffe39a)}
.vy-al{display:flex;align-items:center;gap:8px;padding:6px 0;text-decoration:none;color:inherit;border-top:1px solid rgba(255,255,255,.06)}
.vy-al .grow{display:flex;flex-direction:column;min-width:0}.vy-al small{font-size:.72rem;color:var(--muted,#93a3c6)}
.vy-route img{width:16px;height:11px;border-radius:2px;object-fit:cover;vertical-align:middle}
.vy-al-t{color:var(--gold2,#ffe39a);font-size:1rem}
.vy-air .vy-arc{fill:none;stroke:#ffe39a;stroke-dasharray:4 4;stroke-opacity:.75;vector-effect:non-scaling-stroke;stroke-width:2!important}
.vy-air .vy-pl-body{fill:#ffe39a;stroke:#7a5208;stroke-width:.06}.vy-air .vy-pl-halo{fill:rgba(242,189,61,.25)}
@media (min-width:1024px){.vy-airlist{inset-inline-end:24px;top:118px;width:340px}}
@media (prefers-reduced-motion: reduce){.vy-tk-pl{animation:none}}