:root{--bg:#FFFBF2;--white:#fff;--ink:#2E2350;--mut:#7a7391;--purple:#7C3AED;--purple-d:#5B21B6;--purple-l:#EFE9FE;--gold:#F6A81C;--rose:#F43F5E;--green:#10B981;--line:#EAE3F6;--plum:#241A3E;--sh:0 18px 50px rgba(124,58,237,.12);--disp:'Cormorant Garamond',serif;--body:'Tajawal',sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.7;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
input,select,textarea{font-family:inherit;font-size:1rem;color:var(--ink)}
.container{max-width:1240px;margin-inline:auto;padding-inline:24px}
.kicker{display:inline-flex;align-items:center;gap:.7rem;color:var(--purple);font-weight:900;font-size:.78rem;letter-spacing:3px;text-transform:uppercase}
.kicker::before,.kicker::after{content:'✦';color:var(--gold)}
h1,h2,h3,h4{font-family:var(--disp);font-weight:600}
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.rv.on{opacity:1;transform:none}
.ribbon{background:linear-gradient(90deg,var(--purple),var(--rose),var(--gold),var(--purple));background-size:300% 100%;animation:ribFlow 8s linear infinite;color:#fff;overflow:hidden}
@keyframes ribFlow{to{background-position:300% 0}}
.rb-track{display:flex;width:max-content;animation:mq 26s linear infinite}
.rb-track span{font-weight:900;font-size:.88rem;padding:.55rem 0;display:flex;align-items:center;white-space:nowrap}
.rb-track span::after{content:'✦';margin-inline:1.6rem;color:var(--gold-l)}
@keyframes mq{to{transform:translateX(50%)}}
.site-head{position:sticky;top:0;z-index:50;background:rgba(255,251,242,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.head-in{display:flex;align-items:center;gap:2rem;padding:.8rem 0}
.logo{display:flex;align-items:center;gap:.7rem}
.logo-mark{width:48px;height:48px;border-radius:14px;overflow:hidden;border:2px solid var(--gold)}
.logo-mark img{width:100%;height:100%;object-fit:cover}
.logo b{font-family:var(--disp);font-size:1.6rem;font-weight:700;color:var(--plum);letter-spacing:1.5px}
.logo b i{font-style:normal;color:var(--gold)}
.logo small{display:block;font-size:.6rem;color:var(--mut)}
nav.main{display:flex;gap:1.3rem;margin-inline-start:auto;font-size:.88rem;align-items:center}
nav.main a{color:var(--ink);position:relative;padding:.4rem 0;font-weight:700}
nav.main a::after{content:'';position:absolute;bottom:0;inset-inline-start:0;width:0;height:2px;background:linear-gradient(90deg,var(--purple),var(--gold));transition:width .35s}
nav.main a:hover::after{width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border-radius:14px;font-weight:900;padding:.85rem 1.6rem;font-size:.85rem;letter-spacing:1px;transition:all .3s;cursor:pointer}
.btn-purple{background:linear-gradient(135deg,var(--purple),var(--purple-d));color:#fff}
.btn-gold{background:linear-gradient(135deg,var(--gold),#FFC94D);color:var(--plum)}
.btn-out{background:transparent;color:var(--plum);border:2px solid var(--purple)}
.btn-wa{background:#25D366;color:#fff}
.btn-ghost{background:transparent;color:var(--purple);padding:.5rem 1rem}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.nav-book{padding:.6rem 1.3rem;font-size:.8rem}
.hero{position:relative;overflow:hidden;padding:5rem 0 5.5rem;background:radial-gradient(55% 45% at 88% 8%,rgba(246,168,28,.16),transparent 60%),radial-gradient(45% 40% at 8% 92%,rgba(124,58,237,.12),transparent 60%),linear-gradient(180deg,#FFFDF8,#F5EFFF)}
.orb{position:absolute;border-radius:50%;pointer-events:none;animation:float 9s ease-in-out infinite}
.orb.o1{width:180px;height:180px;top:12%;inset-inline-end:6%;background:radial-gradient(circle,rgba(246,168,28,.35),transparent 70%)}
.orb.o2{width:260px;height:260px;bottom:8%;inset-inline-start:4%;background:radial-gradient(circle,rgba(124,58,237,.22),transparent 70%);animation-delay:2s}
@keyframes float{50%{transform:translateY(-24px)}}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center;position:relative;z-index:2}
.hero h1{font-size:clamp(2.4rem,5.4vw,4.3rem);line-height:1.15;margin:.7rem 0 1.3rem;color:var(--plum)}
.hero h1 em{font-style:italic;background:linear-gradient(90deg,var(--purple),var(--rose));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{color:var(--mut);font-size:1.06rem;max-width:32rem;margin-bottom:1.8rem}
.app-hero{position:relative;display:inline-block;margin-bottom:1.6rem}
.app-row{display:flex;gap:.9rem;flex-wrap:wrap}
.app-badge{background:var(--plum);border:2px solid var(--gold);padding:.85rem 1.5rem;border-radius:16px;display:flex;align-items:center;gap:.8rem;color:#fff;transition:all .3s}
.app-badge:hover{transform:translateY(-4px) scale(1.03)}
.app-badge i{font-style:normal;font-size:1.9rem;color:var(--gold)}
.app-badge small{display:block;font-size:.62rem;color:#cfc4ec}
.app-badge b{font-size:1.05rem;font-weight:900}
.badge30{position:absolute;top:-26px;inset-inline-end:-20px;width:74px;height:74px;background:var(--rose);color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:1.05rem;transform:rotate(12deg);border:3px dashed #fff;animation:bounce30 2.4s ease-in-out infinite;z-index:3}
@keyframes bounce30{50%{transform:rotate(12deg) translateY(-8px)}}
.hero-meta{display:flex;gap:2.4rem;margin-top:1.6rem;padding-top:1.6rem;border-top:2px dashed var(--line);flex-wrap:wrap}
.hero-meta div span{display:block;color:var(--purple);font-size:.7rem;letter-spacing:2px;text-transform:uppercase;font-weight:900;margin-bottom:.2rem}
.hero-meta div b{font-family:var(--disp);font-size:1.9rem;font-weight:700;color:var(--plum)}
.bk-card{background:var(--white);padding:2.2rem;border-radius:24px;border:1px solid var(--line);position:relative;box-shadow:var(--sh)}
.bk-card::before{content:'';position:absolute;top:0;inset-inline:0;height:6px;border-radius:24px 24px 0 0;background:linear-gradient(90deg,var(--purple),var(--rose),var(--gold))}
.bk-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1.3rem}
.bk-head h3{font-size:1.6rem;color:var(--plum)}
.bk-head small{font-family:'IBM Plex Mono',monospace;font-size:.68rem;color:var(--purple)}
.srv-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin-bottom:1.3rem}
.srv-tab{background:var(--bg);border:1.5px solid var(--line);border-radius:12px;padding:.6rem .3rem;font-size:.72rem;font-weight:900;text-align:center;cursor:pointer;transition:all .25s;color:var(--mut)}
.srv-tab i{display:block;font-style:normal;font-size:1.25rem;margin-bottom:.2rem}
.srv-tab.act{background:linear-gradient(135deg,var(--purple),var(--purple-d));color:#fff;border-color:var(--purple)}
.field{margin-bottom:.9rem}
.field label{display:block;font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--mut);font-weight:900;margin-bottom:.35rem}
.field input,.field select,.field textarea{width:100%;background:var(--bg);border:1.5px solid var(--line);border-radius:12px;padding:.75rem 1rem;font-size:.92rem}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--purple)}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.price-preview{background:linear-gradient(135deg,var(--plum),#3b2a6b);border-radius:16px;color:#fff;padding:1rem 1.3rem;margin:1.1rem 0 .4rem;display:flex;justify-content:space-between;align-items:center}
.price-preview span{font-size:.7rem;letter-spacing:2px;color:#cfc4ec;text-transform:uppercase;font-weight:700}
.price-preview b{font-family:var(--disp);font-size:2.1rem;color:var(--gold);font-weight:700}
.price-note{font-size:.75rem;color:var(--purple);font-weight:700;margin-bottom:.6rem;min-height:1.2em}
.bk-note{font-size:.74rem;color:var(--mut);margin-top:.6rem;text-align:center}
section{padding:5.5rem 0}
.sec-head{text-align:center;margin-bottom:3.5rem}
.sec-head h2{font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1.2;margin:.6rem 0 1rem;color:var(--plum)}
.sec-head h2 em{font-style:italic;color:var(--purple)}
.services{background:var(--white)}
.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.srv-card{position:relative;background:var(--bg);padding:2.4rem 1.8rem;border-radius:22px;border:1px solid var(--line);transition:all .4s;overflow:hidden}
.srv-card:hover{transform:translateY(-10px);box-shadow:var(--sh);border-color:var(--purple)}
.srv-ico{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,var(--purple),var(--rose));display:grid;place-items:center;font-size:1.8rem;margin-bottom:1.2rem}
.srv-card h3{font-size:1.5rem;margin-bottom:.6rem;color:var(--plum)}
.srv-card p{color:var(--mut);font-size:.92rem;margin-bottom:1.2rem}
.srv-card .lnk{font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:var(--purple);font-weight:900}
.routes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem}
.route-card{position:relative;border-radius:20px;overflow:hidden;height:300px;transition:all .4s}
.route-card:hover{transform:translateY(-8px)}
.route-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s}
.route-card:hover img{transform:scale(1.1)}
.route-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(36,26,62,.92) 100%)}
.rc-in{position:absolute;bottom:0;inset-inline:0;padding:1.4rem;z-index:2;color:#fff}
.rc-in .en{font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:2px;color:var(--gold)}
.rc-in h3{font-size:1.45rem;margin:.2rem 0}
.rc-chip{position:absolute;top:14px;inset-inline-start:14px;z-index:2;background:var(--gold);color:var(--plum);padding:.3rem .8rem;border-radius:999px;font-size:.72rem;font-weight:900}
.fleet{background:linear-gradient(160deg,var(--purple-d),var(--plum));color:#fff}
.fleet .sec-head h2{color:#fff}
.fleet .sec-head h2 em{color:var(--gold)}
.fleet .sec-head p{color:#cfc4ec}
.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.car{background:#fff;color:var(--ink);border-radius:20px;overflow:hidden;transition:all .4s}
.car:hover{transform:translateY(-8px)}
.car-img{height:220px;overflow:hidden;position:relative}
.car-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.car:hover .car-img img{transform:scale(1.08)}
.car-tag{position:absolute;top:14px;inset-inline-start:14px;background:linear-gradient(90deg,var(--gold),#FFC94D);color:var(--plum);padding:.3rem .9rem;border-radius:999px;font-size:.68rem;font-weight:900}
.car-body{padding:1.5rem}
.car-body h3{font-size:1.5rem;color:var(--plum)}
.car-class{font-size:.7rem;letter-spacing:2px;color:var(--purple);text-transform:uppercase;margin:.2rem 0 1rem;font-weight:900}
.car-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;padding:.9rem 0;border-block:1px dashed var(--line);font-size:.78rem}
.car-specs span{display:flex;flex-direction:column;color:var(--mut)}
.car-specs i{font-style:normal;color:var(--gold-d);font-size:.66rem;text-transform:uppercase;font-weight:900}
.car-price{display:flex;justify-content:space-between;align-items:baseline}
.car-price span{font-size:.72rem;color:var(--mut)}
.car-price b{font-family:var(--disp);font-size:1.9rem;color:var(--purple);font-weight:700}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;position:relative}
.steps::before{content:'';position:absolute;top:32px;inset-inline:12%;border-top:2px dashed var(--gold);opacity:.5}
.step{text-align:center;position:relative;padding:0 1rem}
.step-n{width:64px;height:64px;margin:0 auto 1.4rem;background:#fff;color:var(--purple);border:2px solid var(--purple);border-radius:50%;display:grid;place-items:center;font-family:var(--disp);font-size:1.6rem;font-weight:700;position:relative;z-index:2}
.step h3{font-size:1.35rem;margin-bottom:.5rem;color:var(--plum)}
.step p{color:var(--mut);font-size:.9rem}
.why{background:var(--purple-l)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.why-img{position:relative}
.why-img::before{content:'';position:absolute;inset:-18px -18px 18px 18px;border:2px dashed var(--gold);border-radius:24px;z-index:-1}
.why-img img{border-radius:24px;box-shadow:var(--sh)}
.why-list{list-style:none;display:flex;flex-direction:column;gap:1.4rem}
.why-item{display:flex;gap:1.3rem;background:#fff;padding:1.4rem;border-radius:18px;border:1px solid var(--line);transition:all .3s}
.why-item:hover{transform:translateX(-6px);box-shadow:var(--sh)}
.why-ico{width:52px;height:52px;flex-shrink:0;border-radius:16px;background:linear-gradient(135deg,var(--gold),#FFC94D);display:grid;place-items:center;font-size:1.4rem}
.why-item h4{font-size:1.3rem;margin-bottom:.3rem;color:var(--plum)}
.why-item p{color:var(--mut);font-size:.9rem}
.app-sec{background:linear-gradient(180deg,#FFFDF8,#FFF3DC);overflow:hidden}
.app-grid{display:grid;grid-template-columns:1fr .9fr;gap:4rem;align-items:center}
.app-sec h2{font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.2;margin:.6rem 0 1rem;color:var(--plum)}
.app-sec h2 em{font-style:italic;color:var(--rose)}
.offer-card{background:#fff;border:2px dashed var(--gold);border-radius:20px;padding:1.4rem 1.6rem;margin:1.5rem 0;display:flex;align-items:center;gap:1.2rem}
.offer-card .pct{font-family:var(--disp);font-size:3rem;font-weight:700;color:var(--rose);line-height:1}
.offer-card b{display:block;font-size:1.1rem;color:var(--plum)}
.offer-card span{font-size:.82rem;color:var(--mut)}
.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.voice{background:#fff;border:1px solid var(--line);border-radius:20px;padding:2rem;position:relative;transition:all .3s}
.voice:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.voice::before{content:'❝';position:absolute;top:8px;inset-inline-start:20px;font-size:3rem;color:var(--gold);line-height:1}
.voice p{font-style:italic;margin-bottom:1.2rem;font-size:.95rem}
.voice-meta{display:flex;align-items:center;gap:.8rem;padding-top:1rem;border-top:1px dashed var(--line)}
.voice-ava{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--rose));color:#fff;display:grid;place-items:center;font-family:var(--disp);font-size:1.1rem;font-weight:700}
.voice-name b{display:block;font-family:var(--disp);font-size:1.15rem;color:var(--plum)}
.voice-name span{font-size:.75rem;color:var(--mut)}
.stars{color:var(--gold);letter-spacing:2px;font-size:.9rem;margin-bottom:.5rem}
.faq{background:var(--white)}
.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:.7rem}
.faq-item{background:var(--bg);border:1.5px solid var(--line);border-radius:16px;transition:border-color .3s}
.faq-item.open{border-color:var(--purple)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.5rem;font-size:1.02rem;font-weight:900;text-align:start;color:var(--plum)}
.faq-q .pl{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--rose));color:#fff;display:grid;place-items:center;font-size:1.1rem;transition:transform .35s}
.faq-item.open .pl{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.2,.8,.2,1)}
.faq-a p{padding:0 1.5rem 1.4rem;color:var(--mut);font-size:.95rem}
.cta{background:linear-gradient(135deg,var(--purple),var(--rose));color:#fff;text-align:center;padding:5rem 0}
.cta h2{font-size:clamp(2rem,4.5vw,3.3rem);margin:.5rem 0 1rem}
.cta p{color:#ffe3ec;max-width:32rem;margin:0 auto 2rem;font-size:1.05rem}
.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
footer{background:var(--plum);color:#b8aed6;padding:4.5rem 0 0;font-size:.88rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:3rem;padding-bottom:3.5rem}
.foot-grid h4{color:#fff;font-family:var(--disp);font-size:1.3rem;margin-bottom:1.3rem}
.foot-grid a{display:block;padding:.35rem 0;color:#b8aed6}
.foot-grid a:hover{color:var(--gold)}
.foot-about p{margin:1rem 0;font-size:.88rem;line-height:1.8}
.foot-bottom{border-top:1px solid #3b2f60;padding:1.5rem 0;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:#8a7fb0}
.foot-bottom b{color:var(--gold)}
.wa-float{position:fixed;bottom:24px;inset-inline-end:24px;z-index:90;width:62px;height:62px;border-radius:50%;background:#25D366;box-shadow:0 10px 30px rgba(37,211,102,.45);display:grid;place-items:center;transition:all .25s;font-size:1.8rem}
.wa-float:hover{transform:scale(1.1) rotate(8deg)}
.to-top{position:fixed;bottom:24px;inset-inline-start:24px;z-index:90;width:52px;height:52px;border-radius:50%;background:var(--plum);color:var(--gold);border:2px solid var(--gold);display:grid;place-items:center;font-size:1.2rem;opacity:0;pointer-events:none;transition:all .3s}
.to-top.show{opacity:1;pointer-events:auto}
.toast{position:fixed;bottom:100px;inset-inline-start:50%;transform:translateX(50%) translateY(140px);z-index:120;background:var(--plum);color:#fff;padding:.9rem 1.6rem;border-radius:14px;border:1.5px solid var(--gold);font-size:.9rem;transition:transform .4s;max-width:90%}
.toast.show{transform:translateX(50%) translateY(0)}
.toast.err{background:#5b1220;border-color:var(--rose)}
.toast.ok{background:var(--green);border-color:#065f46}
.modal{position:fixed;inset:0;z-index:200;background:rgba(36,26,62,.7);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:1rem;overflow:auto}
.modal.shown{display:flex}
.modal-box{background:var(--bg);border-radius:24px;max-width:540px;width:100%;max-height:92vh;overflow:auto;position:relative}
.modal-box.wide{max-width:820px}
.modal-x{position:absolute;top:14px;inset-inline-end:14px;width:38px;height:38px;border-radius:50%;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;font-size:1.1rem;z-index:5}
.modal-head{padding:2rem 2rem 1.2rem;text-align:center;border-bottom:1px solid var(--line)}
.modal-head h2{font-size:1.8rem;color:var(--plum);margin-bottom:.3rem}
.modal-head p{color:var(--mut);font-size:.9rem}
.modal-body{padding:1.8rem 2rem 2rem}
.auth-tabs{display:flex;background:var(--bg);border:1.5px solid var(--line);border-radius:14px;padding:.3rem;margin-bottom:1.5rem}
.auth-tab{flex:1;padding:.7rem;border-radius:10px;font-weight:900;text-align:center;cursor:pointer;transition:all .25s;color:var(--mut)}
.auth-tab.act{background:linear-gradient(135deg,var(--purple),var(--purple-d));color:#fff}
.pay-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:1.4rem}
.pay-m{border:2px solid var(--line);border-radius:14px;padding:1rem;cursor:pointer;transition:all .25s;background:#fff;display:flex;align-items:center;gap:.9rem}
.pay-m:hover{border-color:var(--purple);transform:translateY(-2px)}
.pay-m.act{border-color:var(--purple);background:var(--purple-l)}
.pay-m .p-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.4rem;flex-shrink:0}
.pay-m b{display:block;font-size:.95rem;color:var(--plum)}
.pay-m small{font-size:.72rem;color:var(--mut)}
.pm-paymob{background:linear-gradient(135deg,#0066FF,#0047BA);color:#fff}
.pm-fawry{background:linear-gradient(135deg,#FFC107,#FF9800);color:#1a1a1a}
.pm-vf{background:linear-gradient(135deg,#E60000,#B30000);color:#fff}
.pm-insta{background:linear-gradient(135deg,#00B4D8,#0077B6);color:#fff}
.pm-cash{background:linear-gradient(135deg,#10B981,#065f46);color:#fff}
.pay-step{display:none;animation:stepIn .4s}
.pay-step.act{display:block}
@keyframes stepIn{from{opacity:0;transform:translateX(20px)}}
.stepper-bar{display:flex;gap:.4rem;margin-bottom:1.6rem}
.st-dot{flex:1;height:6px;border-radius:4px;background:var(--line);transition:background .3s}
.st-dot.act{background:linear-gradient(90deg,var(--purple),var(--rose))}
.st-dot.done{background:var(--green)}
.card-mock{background:linear-gradient(135deg,var(--plum),var(--purple-d));color:#fff;border-radius:16px;padding:1.4rem;position:relative;overflow:hidden;margin-bottom:1.2rem}
.card-mock .c-brand{font-family:var(--disp);font-size:1.2rem;color:var(--gold);margin-bottom:1.2rem;font-weight:700}
.card-mock .c-num{font-family:'IBM Plex Mono',monospace;font-size:1.1rem;letter-spacing:3px;margin-bottom:1rem}
.card-mock .c-row{display:flex;justify-content:space-between;font-size:.75rem}
.order-summary{background:var(--bg);border-radius:16px;padding:1.2rem;margin-bottom:1.2rem;border:1px solid var(--line)}
.os-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.88rem;gap:.5rem}
.os-row b{font-family:'IBM Plex Mono';text-align:end}
.os-row.total{border-top:2px solid var(--line);margin-top:.6rem;padding-top:.9rem;font-size:1.05rem;color:var(--plum);font-weight:900}
.os-row.total b{color:var(--purple);font-family:var(--disp);font-size:1.5rem}
.success-anim{text-align:center;padding:1rem 0 1.4rem}
.check-circle{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--green),#059669);color:#fff;display:grid;place-items:center;font-size:2.5rem;margin:0 auto 1rem}
.acc-tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--line);margin-bottom:1.4rem;overflow-x:auto}
.acc-tab{padding:.7rem 1.2rem;font-weight:900;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;color:var(--mut)}
.acc-tab.act{color:var(--purple);border-bottom-color:var(--purple)}
.acc-panel{display:none;animation:stepIn .3s}
.acc-panel.act{display:block}
.booking-item{background:var(--bg);border:1.5px solid var(--line);border-radius:14px;padding:1rem 1.2rem;margin-bottom:.7rem;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}
.bi-date{font-family:'IBM Plex Mono',monospace;font-size:.78rem;color:var(--mut);background:#fff;padding:.4rem .7rem;border-radius:10px;border:1px solid var(--line);text-align:center;min-width:80px}
.bi-date b{display:block;font-family:var(--disp);font-size:1.5rem;color:var(--plum);line-height:1}
.bi-info h4{font-weight:900;color:var(--plum);font-size:.98rem}
.bi-info p{font-size:.78rem;color:var(--mut)}
.bi-status{padding:.3rem .8rem;border-radius:999px;font-size:.7rem;font-weight:900}
.st-confirmed{background:#DCFCE7;color:#065f46}
.st-pending{background:#FEF3C7;color:#92400E}
.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--mut)}
.empty-state i{font-size:3rem;display:block;margin-bottom:.8rem;opacity:.4}
.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:none}
.btn.loading .spinner{display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
.ticket-box{background:#fff;border:2px dashed var(--gold);border-radius:20px;padding:1.6rem;margin:1rem 0;position:relative}
.ticket-qr{text-align:center;padding:1rem;background:#fff;border-radius:14px;margin:1rem 0}
.ticket-ref{font-family:'IBM Plex Mono',monospace;font-size:1.2rem;font-weight:900;letter-spacing:3px;color:var(--purple);margin-top:.5rem;text-align:center}
.ticket-stamp{position:absolute;top:12px;inset-inline-end:12px;background:var(--green);color:#fff;padding:.3rem .9rem;border-radius:999px;font-size:.7rem;font-weight:900;letter-spacing:2px;transform:rotate(12deg)}
.screenshot-upload{border:2px dashed var(--purple);border-radius:14px;padding:1.2rem;text-align:center;background:var(--purple-l);margin:1rem 0}
.screenshot-upload label{display:block;cursor:pointer;font-weight:900;color:var(--purple)}
.screenshot-upload input{display:none}
.screenshot-preview{margin-top:.8rem;max-height:120px;border-radius:10px;display:none}
.screenshot-preview.show{display:block}
@media (max-width:1024px){
  .hero-grid,.app-grid,.why-grid{grid-template-columns:1fr;gap:2.5rem}
  .srv-grid,.fleet-grid,.voice-grid{grid-template-columns:repeat(2,1fr)}
  .routes-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .steps::before{display:none}
  .foot-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  nav.main .nav-link{display:none}
  .srv-grid,.fleet-grid,.voice-grid,.routes-grid,.steps,.foot-grid{grid-template-columns:1fr}
  .f-row{grid-template-columns:1fr}
  .srv-tabs{grid-template-columns:repeat(3,1fr)}
  .pay-methods{grid-template-columns:1fr}
  .hero{padding:3rem 0}
  section{padding:3.5rem 0}
  .badge30{inset-inline-end:-8px;top:-20px;width:62px;height:62px}
  .head-in{gap:1rem}
}
/* القائمة الأفقية */
nav.main .nav-menu-horizontal {
    display: flex;
    align-items: center;
    gap: 1.3rem;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

nav.main .nav-menu-horizontal li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

nav.main .nav-menu-horizontal li a {
    color: var(--ink);
    position: relative;
    padding: .4rem 0;
    font-weight: 700;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
}

nav.main .nav-menu-horizontal li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--purple), var(--gold));
    transition: width .35s;
}

nav.main .nav-menu-horizontal li a:hover::after {
    width: 100%;
}