@charset "UTF-8";
:root{--ink:#151510;--paper:#f4f1e7;--white:#fffef8;--cobalt:#3f4cf5;--acid:#dfff00;--muted:#65635c;--line:rgba(21,21,16,.16);--green:#25d366;--radius:12px;--shadow:12px 12px 0 var(--cobalt);--image-home:var(--motoxi-hero-image,url("../assets/images/motoxi-home-dispatch-v2.webp"));--image-services:var(--motoxi-delivery-image,url("../assets/images/motoxi-services-handoff-v2.webp"));--image-booking:url("../assets/images/motoxi-booking-secure-cargo-v2.webp")}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.ar{display:none}html[lang=ar] .en{display:none!important}html[lang=ar] .ar{display:inline}html[lang=ar] h1.ar,html[lang=ar] h2.ar,html[lang=ar] h3.ar,html[lang=ar] p.ar{display:block}html[lang=ar] body{font-family:Tahoma,Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:-.035em}
.skip-link{position:fixed;left:16px;top:-80px;z-index:200;padding:12px 18px;background:var(--acid);font-weight:900}.skip-link:focus{top:16px}.navbar{position:sticky;top:0;z-index:50;height:76px;display:flex;align-items:center;gap:32px;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(244,241,231,.94);backdrop-filter:blur(14px)}.logo{flex:none;font-size:25px;font-weight:950;letter-spacing:-.08em}.logo b{color:var(--cobalt)}.nav-links{display:flex;align-items:center;justify-content:center;gap:27px;margin:auto;font-size:13px;font-weight:800}.nav-links a{position:relative;padding:28px 0}.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--cobalt);transition:right .2s}.nav-links a:hover::after{right:0}.nav-actions{display:flex;align-items:center;gap:9px}.lang-button{height:42px;min-width:50px;padding:0 12px;border:1px solid var(--ink);border-radius:7px;background:transparent;font-weight:900}.menu-button{display:none;width:44px;height:44px;border:0;background:transparent}.menu-button span{display:block;width:23px;height:2px;margin:6px auto;background:var(--ink)}
.btn{min-height:53px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:0 23px;border:1px solid var(--ink);border-radius:7px;background:var(--ink);color:white;font-size:14px;font-weight:900;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:var(--cobalt);border-color:var(--cobalt)}.btn-small{min-height:42px;padding:0 17px;font-size:12px}.btn-wide{width:100%;justify-content:space-between}.btn-acid{background:var(--acid);color:var(--ink)}.btn-outline{background:transparent;color:var(--ink)}.text-link{padding:12px 0;border-bottom:1px solid var(--ink);font-size:14px;font-weight:900}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--acid);outline-offset:3px}
.hero{min-height:720px;max-width:1500px;margin:auto;padding:64px 4vw 76px;display:grid;grid-template-columns:1.12fr .88fr;gap:8vw;align-items:center}.hero-copy{position:relative}.hero-copy::before{content:"";position:absolute;z-index:-1;left:-220px;top:150px;width:400px;height:400px;border:54px solid var(--acid);border-radius:50%}.eyebrow{display:flex;align-items:center;gap:10px;margin:0;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:900}.live-dot{width:9px;height:9px;border-radius:50%;background:#24a763;box-shadow:0 0 0 5px rgba(36,167,99,.14)}h1{margin:25px 0;font-size:clamp(62px,7.3vw,110px);line-height:.86;letter-spacing:-.078em}h1 em{color:var(--cobalt);font-style:normal}.lead{max-width:600px;color:#4e4c46;font-size:clamp(17px,1.45vw,21px);line-height:1.55}.hero-buttons{display:flex;align-items:center;gap:28px;margin-top:34px}.trust-points{display:flex;flex-wrap:wrap;gap:16px 30px;margin-top:39px;color:#6d6b63;font-size:12px;font-weight:800}.trust-points>span+span::before{content:"•";margin-right:30px}.quick-card{padding:25px;border:1px solid var(--ink);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);transform:rotate(.5deg)}.card-heading,.starting-price{display:flex;align-items:center;justify-content:space-between;font-size:13px}.card-heading>span{color:#77756e}.service-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:18px 0;padding:4px;border-radius:8px;background:#e8e6dd}.service-switch button{min-height:43px;border:0;border-radius:6px;background:transparent;font-weight:900}.service-switch .active{background:var(--ink);color:white}.quick-card label,.booking-form label,.admin-card label{display:grid;gap:7px;margin-top:13px;color:#65635c;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900}.quick-card input,.booking-form input,.booking-form select,.booking-form textarea,.admin-card input,.admin-card select{width:100%;min-height:49px;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);text-transform:none;letter-spacing:normal;font-size:14px}.mini-map{height:156px;position:relative;overflow:hidden;margin:17px 0;border-radius:7px;background:#deddd3}.mini-map::before{content:"";position:absolute;inset:-20px;background-image:linear-gradient(30deg,transparent 48%,rgba(255,255,255,.8) 49%,rgba(255,255,255,.8) 51%,transparent 52%),linear-gradient(110deg,transparent 48%,rgba(255,255,255,.65) 49%,rgba(255,255,255,.65) 51%,transparent 52%);background-size:100px 70px,135px 95px}.route-line{position:absolute;left:15%;right:12%;top:53%;height:5px;border-radius:8px;background:var(--cobalt);transform:rotate(8deg)}.pin{position:absolute;width:32px;height:32px;display:grid;place-items:center;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--ink);color:white;font-style:normal;font-size:10px;font-weight:900}.pin-a{left:15%;top:40%}.pin-b{right:13%;top:50%;background:var(--acid);color:var(--ink)}.mini-map small{position:absolute;right:10px;bottom:8px;font-size:9px;font-weight:900;letter-spacing:.15em}.starting-price{padding:1px 0 17px}.starting-price strong{font-size:23px}.starting-price small{display:block;color:#6c6a63;font-size:9px}.tiny{text-align:center;color:#77756e;font-size:10px}
.ticker{display:flex;gap:35px;align-items:center;justify-content:space-around;overflow:hidden;padding:20px 4vw;background:var(--ink);color:white;white-space:nowrap;text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:900}.ticker i{color:var(--acid);font-size:9px}.section{max-width:1500px;margin:auto;padding:105px 4vw}.section-title h2,.pricing-copy h2,.contact-cta h2,.safety-panel h2{max-width:950px;margin:16px 0 50px;font-size:clamp(45px,6vw,86px);line-height:.94;letter-spacing:-.06em}.section-title>p:last-child{max-width:650px;color:var(--muted);font-size:18px;line-height:1.6}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-card{min-height:520px;display:flex;flex-direction:column;padding:34px;border-radius:12px;color:white}.service-card.cobalt{background:var(--cobalt)}.service-card.dark{background:var(--ink)}.service-card .number{font-size:11px;letter-spacing:.15em}.service-icon{width:90px;height:90px;display:grid;place-items:center;margin:auto;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:34px}.service-card h3{margin:0 0 14px;font-size:clamp(30px,4vw,54px);letter-spacing:-.05em}.service-card p{max-width:530px;margin:0 0 28px;color:rgba(255,255,255,.75);font-size:17px;line-height:1.55}.service-card a{font-weight:900}
.how{padding-top:70px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.steps article{min-height:255px;padding:28px 38px 24px 0;border-right:1px solid var(--line)}.steps article+article{padding-left:38px}.steps article:last-child{border-right:0}.steps article>span{color:var(--cobalt);font-size:11px;font-weight:900}.steps h3{margin:70px 0 12px;font-size:21px}.steps p{color:var(--muted);line-height:1.55}
.pricing{max-width:none;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;background:var(--acid)}.pricing-copy{padding-left:max(0px,calc((100vw - 1500px)/2))}.pricing-copy h2{margin-bottom:25px}.pricing-copy>p:not(.eyebrow){max-width:600px;line-height:1.65}.pricing-copy .btn{margin-top:20px}.price-card{border:1px solid var(--ink);border-radius:10px;background:var(--paper);box-shadow:12px 12px 0 var(--ink)}.price-card>div{min-height:150px;display:grid;grid-template-columns:1fr auto;align-items:end;padding:25px;border-bottom:1px solid var(--ink)}.price-card>div:last-child{border-bottom:0}.price-card span{font-size:13px;font-weight:800}.price-card strong{font-size:clamp(45px,5vw,76px);letter-spacing:-.07em}.price-card small{grid-column:2;color:var(--muted);text-align:right;text-transform:uppercase;letter-spacing:.12em;font-size:9px}
.corridor{height:420px;position:relative;overflow:hidden;border:1px solid var(--ink);border-radius:12px;background:linear-gradient(90deg,#e1dfd5 72%,#bce1f3 72%);box-shadow:10px 10px 0 var(--cobalt)}.corridor::before{content:"";position:absolute;inset:0;background-image:linear-gradient(28deg,transparent 48%,rgba(255,255,255,.8) 49%,rgba(255,255,255,.8) 51%,transparent 52%);background-size:120px 90px}.coast{position:absolute;right:25%;top:-60px;width:11px;height:550px;border-radius:10px;background:var(--cobalt);transform:rotate(10deg)}.city{position:absolute;font-size:12px;letter-spacing:.14em;font-weight:900}.city::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--acid);border:5px solid var(--ink)}.city b{display:block;margin-top:4px;letter-spacing:0}.city-1{right:35%;top:8%}.city-1::after{right:-58px;top:4px}.city-2{right:41%;top:31%}.city-2::after{right:-95px;top:4px}.city-3{right:42%;top:59%}.city-3::after{right:-103px;top:4px}.city-4{right:33%;top:84%}.city-4::after{right:-50px;top:2px}.corridor small{position:absolute;left:12px;bottom:9px;font-size:9px}.area-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px}.area-chips span{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--white);font-size:12px;font-weight:800}
.safety{max-width:none;display:grid;grid-template-columns:1fr 1fr;padding:0;background:var(--ink);color:white}.safety-panel{min-height:620px;display:flex;flex-direction:column;justify-content:flex-end;padding:70px max(4vw,calc((100vw - 1500px)/2 + 4vw));padding-right:6vw;background:var(--cobalt)}.safety-panel h2{margin-bottom:0}.safety-list{padding:70px 6vw}.safety-list article{display:grid;grid-template-columns:50px 1fr;gap:0 20px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.18)}.safety-list article>span{grid-row:1/3;color:var(--acid);font-size:11px}.safety-list h3{margin:0 0 8px;font-size:20px}.safety-list p{margin:0;color:#aeada7;line-height:1.55}
.accordion{max-width:980px;border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--ink)}summary{position:relative;padding:23px 55px 23px 0;list-style:none;font-size:19px;font-weight:900;cursor:pointer}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:8px;top:17px;font-size:30px;font-weight:400}details[open] summary::after{content:"−"}details p{max-width:760px;margin:0;padding:0 0 25px;color:var(--muted);line-height:1.65}.contact-cta{min-height:380px;display:flex;align-items:center;justify-content:space-between;padding:70px 4vw;background:var(--cobalt);color:white}.contact-cta h2{margin-bottom:0}.circle-link{width:110px;height:110px;display:grid;place-items:center;border-radius:50%;background:var(--acid);color:var(--ink);font-size:46px;transition:transform .25s}.circle-link:hover{transform:rotate(12deg) scale(1.06)}
footer{display:grid;grid-template-columns:1.2fr 2fr auto;gap:40px;padding:65px 4vw 30px;background:var(--ink);color:white}.footer-logo{color:white}footer>p{max-width:390px;margin:0;color:#aaa9a1;line-height:1.6}.footer-links{display:flex;flex-wrap:wrap;gap:18px 28px;font-size:13px;font-weight:800}footer>small{grid-column:1/-1;padding-top:30px;border-top:1px solid rgba(255,255,255,.15);color:#86857f}.floating-book{position:fixed;z-index:30;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));min-height:54px;display:flex;align-items:center;gap:10px;padding:0 20px;border-radius:999px;background:var(--green);box-shadow:0 8px 35px rgba(0,0,0,.22);font-size:13px;font-weight:900}
.page-hero{max-width:1500px;margin:auto;padding:85px 4vw 65px;border-bottom:1px solid var(--ink)}.page-hero h1{max-width:1100px}.page-hero>p:last-child{max-width:720px;color:var(--muted);font-size:20px;line-height:1.6}.booking-layout{max-width:1500px;margin:auto;padding:60px 4vw 110px;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:6vw;align-items:start}.booking-form{border-top:1px solid var(--ink)}.form-section{position:relative;padding:35px 0 46px 72px;border-bottom:1px solid var(--ink)}.form-number{position:absolute;left:4px;top:43px;color:var(--cobalt);font-size:11px;font-weight:900}.form-section h2{margin:0 0 22px;font-size:29px;letter-spacing:-.04em}.form-section textarea{min-height:110px;resize:vertical}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice-row button{min-height:43px;padding:0 15px;border:1px solid var(--line);border-radius:7px;background:var(--white)}.choice-row button.active{background:var(--ink);border-color:var(--ink);color:white}.notice{padding:13px 15px;border-left:4px solid var(--acid);background:#e7e5dc;color:#4e4c46;font-size:13px;line-height:1.5}.route-preview{height:250px;position:relative;overflow:hidden;margin-top:18px;border-radius:9px;background:linear-gradient(90deg,#dfddd3 75%,#bce1f3 75%)}.route-preview::before{content:"";position:absolute;inset:0;background-image:linear-gradient(35deg,transparent 48%,rgba(255,255,255,.8) 49%,rgba(255,255,255,.8) 51%,transparent 52%);background-size:110px 80px}.route-preview .blue-line{position:absolute;left:18%;right:20%;top:52%;height:7px;border-radius:9px;background:var(--cobalt);transform:rotate(-8deg)}.route-preview .pin-a{left:18%;top:52%}.route-preview .pin-b{right:19%;top:35%}.route-preview small{position:absolute;left:10px;bottom:8px;font-size:8px}.invoice-card{position:sticky;top:100px;padding:28px;border:1px solid var(--ink);border-radius:12px;background:var(--white);box-shadow:var(--shadow)}.invoice-card>strong{display:block;margin:18px 0 30px;font-size:70px;letter-spacing:-.08em}.invoice-card>strong small{font-size:15px}.fare-lines>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.fare-lines b{font-weight:900}.total{display:grid;gap:7px;padding:27px 0}.total span{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.total strong{font-size:30px}.total small{color:var(--muted)}.error{display:none;padding:12px;border-radius:6px;background:#ffe2da;color:#a52c16;font-size:13px}.error.show{display:block}.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px;background:rgba(20,20,16,.7)}.modal.open{display:grid}.modal-card{width:min(620px,100%);max-height:90vh;overflow:auto;position:relative;padding:30px;border-radius:12px;background:var(--paper);box-shadow:12px 12px 0 var(--acid)}.modal-close{position:absolute;right:15px;top:14px;width:38px;height:38px;border:1px solid var(--ink);border-radius:50%;background:transparent;font-size:23px}.modal-card h2{font-size:36px}.modal-card pre{padding:17px;white-space:pre-wrap;border:1px solid var(--line);border-radius:7px;background:var(--white);font:12px/1.6 ui-monospace,monospace}.btn-whatsapp{background:var(--green);color:#102419}
.admin-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:var(--cobalt)}.admin-card{width:min(560px,100%);padding:38px;border:1px solid var(--ink);border-radius:12px;background:var(--paper);box-shadow:12px 12px 0 var(--acid)}.admin-card h1{font-size:58px}.admin-card .btn{margin-top:15px}.admin-settings{display:none}.admin-settings.show{display:block}.admin-login.hidden{display:none}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.reveal{animation:rise .65s both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
html[dir=rtl] .navbar,html[dir=rtl] .hero,html[dir=rtl] .section,html[dir=rtl] .contact-cta,html[dir=rtl] footer,html[dir=rtl] .page-hero,html[dir=rtl] .booking-layout{direction:rtl}html[dir=rtl] .logo{direction:ltr}html[dir=rtl] .hero-copy::before{left:auto;right:-220px}html[dir=rtl] .trust-points>span+span::before{margin-right:0;margin-left:30px}html[dir=rtl] .steps article{padding-right:0;padding-left:38px;border-right:0;border-left:1px solid var(--line)}html[dir=rtl] .steps article+article{padding-left:38px;padding-right:38px}html[dir=rtl] .steps article:last-child{border-left:0}html[dir=rtl] .notice{border-left:0;border-right:4px solid var(--acid)}html[dir=rtl] .form-section{padding-left:0;padding-right:72px}html[dir=rtl] .form-number{left:auto;right:4px}html[dir=rtl] .floating-book{right:auto;left:20px}html[dir=rtl] .modal-close{right:auto;left:15px}html[dir=rtl] summary{padding-right:0;padding-left:55px}html[dir=rtl] summary::after{right:auto;left:8px}
@media(max-width:1050px){.nav-links{gap:15px}.hero{gap:5vw}.booking-layout{grid-template-columns:1fr}.invoice-card{position:relative;top:0}.pricing{grid-template-columns:1fr}.safety{grid-template-columns:1fr}.safety-panel{min-height:400px}.admin-grid{grid-template-columns:1fr}}
@media(max-width:850px){.navbar{height:68px;padding:0 20px}.menu-button{display:block;margin-left:auto}.nav-actions{margin-left:0}.nav-actions .btn{display:none}.nav-links{position:absolute;left:0;right:0;top:68px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:16px 20px 25px;border-bottom:1px solid var(--ink);background:var(--paper)}.nav-links.open{display:flex}.nav-links a{padding:14px 0;border-bottom:1px solid var(--line)}.nav-links a::after{display:none}html[dir=rtl] .menu-button{margin-left:0;margin-right:auto}.hero{grid-template-columns:1fr;padding-top:45px}.service-grid{grid-template-columns:1fr}.service-card{min-height:450px}.steps{grid-template-columns:1fr}.steps article,.steps article+article{min-height:0;padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.steps h3{margin-top:28px}.contact-cta{min-height:300px}.circle-link{width:75px;height:75px;font-size:32px}footer{grid-template-columns:1fr}.footer-links{margin-top:10px}footer>small{grid-column:1}}
@media(max-width:600px){h1{font-size:60px}.hero{padding:42px 20px 64px}.hero-copy::before{width:270px;height:270px;left:-170px;border-width:36px}.hero-buttons{align-items:stretch}.hero-buttons .btn{flex:1}.trust-points{gap:11px;font-size:10px}.trust-points>span+span::before{margin-right:11px}.quick-card{padding:18px;transform:none;box-shadow:8px 8px 0 var(--cobalt)}.ticker{justify-content:flex-start}.section{padding:75px 20px}.section-title h2,.pricing-copy h2,.contact-cta h2,.safety-panel h2{font-size:47px}.service-card{padding:25px;min-height:420px}.pricing{padding:75px 20px}.price-card{box-shadow:7px 7px 0 var(--ink)}.corridor{height:360px;box-shadow:7px 7px 0 var(--cobalt)}.city{font-size:9px}.safety{padding:0}.safety-panel,.safety-list{padding:55px 20px}.contact-cta{padding:55px 20px}.contact-cta h2{font-size:45px}footer{padding:50px 20px 90px}.floating-book{width:54px;padding:0;justify-content:center}.floating-book b{display:none!important}.page-hero{padding:65px 20px 50px}.page-hero h1{font-size:57px}.booking-layout{padding:40px 20px 95px}.form-section{padding-left:45px}.two-columns{grid-template-columns:1fr}.invoice-card{box-shadow:7px 7px 0 var(--cobalt)}html[dir=rtl] .form-section{padding-right:45px}.admin-card{padding:28px 20px}.modal-card{padding:28px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}*{transition:none!important}}

/* Searchable Lebanon areas directory */
.area-tools{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:14px;padding:18px;border:1px solid var(--ink);border-radius:10px;background:var(--white)}.area-tools label{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.area-search-input{width:100%;min-height:50px;padding:0 16px;border:1px solid var(--line);border-radius:7px;background:var(--paper);font:inherit}.area-search-input:focus{outline:3px solid rgba(50,78,255,.2);border-color:var(--cobalt)}.area-tools p{margin:0;white-space:nowrap;color:var(--muted);font-size:13px}.area-tools strong{color:var(--ink);font-size:22px}.data-note{margin:0 0 25px;color:var(--muted);font-size:12px;line-height:1.6}.data-note a{color:var(--cobalt);text-decoration:underline}.area-index{color:var(--cobalt);font-size:10px;font-weight:900;letter-spacing:.08em}.area-empty{grid-column:1/-1;margin:0;padding:60px 25px;text-align:center;color:var(--muted)}
@media(max-width:600px){.area-tools{grid-template-columns:1fr;gap:10px}.area-tools p{white-space:normal}}

/* Independent navigation pages */
.nav-links a[aria-current=page]{color:var(--cobalt)}.nav-links a[aria-current=page]::after{right:0}.inner-page{min-height:60vh}.info-intro{max-width:1500px;margin:auto;padding:30px 4vw 105px}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink)}.content-block{min-height:300px;padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--ink)}.content-block:nth-child(even){border-right:0}.content-block>span{color:var(--cobalt);font-size:11px;font-weight:900}.content-block h2{margin:80px 0 14px;font-size:clamp(31px,4vw,52px);letter-spacing:-.05em}.content-block p{max-width:560px;color:var(--muted);font-size:17px;line-height:1.65}.content-block .btn{margin-top:18px}.process-list{border-top:1px solid var(--ink)}.process-row{display:grid;grid-template-columns:90px 1fr 1.2fr;gap:25px;align-items:start;padding:31px 0;border-bottom:1px solid var(--ink)}.process-row>span{color:var(--cobalt);font-size:12px;font-weight:900}.process-row h2{margin:0;font-size:25px}.process-row p{max-width:600px;margin:0;color:var(--muted);line-height:1.6}.pricing-formula{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:center;margin:30px 0 70px}.formula-card{min-height:240px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;border:1px solid var(--ink);border-radius:10px;background:var(--white)}.formula-card span{font-size:12px;font-weight:800}.formula-card strong{margin-top:16px;font-size:clamp(40px,5vw,70px);letter-spacing:-.06em}.formula-symbol{font-size:43px;font-weight:300}.price-examples{max-width:900px;margin:auto}.price-examples h2{font-size:45px}.price-examples>div{display:flex;justify-content:space-between;padding:23px 0;border-bottom:1px solid var(--ink);font-size:18px}.price-examples strong{font-size:22px}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.area-grid article{display:grid;gap:7px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.area-grid article:nth-child(3n){border-right:0}.area-grid h2{margin:0;font-size:21px}.area-grid p{margin:0;color:var(--muted)}.area-grid b{width:max-content;margin-top:8px;padding:7px 10px;border-radius:999px;background:#dff5e6;color:#176638;font-size:10px}.faq-list{max-width:1000px}.faq-list details p{max-width:820px}.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-option{min-height:300px;display:flex;flex-direction:column;padding:30px;border:1px solid var(--ink);border-radius:10px;background:var(--white)}.contact-option>span{color:var(--cobalt);font-size:11px;font-weight:900}.contact-option h2{margin-top:auto;font-size:30px}.contact-option p{color:var(--muted);line-height:1.6}.contact-option a{font-weight:900}.page-cta{margin-top:80px;padding:55px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;background:var(--cobalt);color:white}.page-cta h2{max-width:750px;margin:0;font-size:clamp(36px,5vw,68px);letter-spacing:-.05em}
@media(max-width:850px){.content-grid{grid-template-columns:1fr}.content-block{border-right:0}.process-row{grid-template-columns:55px 1fr}.process-row p{grid-column:2}.pricing-formula{grid-template-columns:1fr}.formula-symbol{text-align:center;transform:rotate(90deg)}.area-grid{grid-template-columns:1fr 1fr}.area-grid article:nth-child(3n){border-right:1px solid var(--line)}.area-grid article:nth-child(even){border-right:0}.contact-options{grid-template-columns:1fr}.page-cta{padding:35px}}
@media(max-width:600px){.info-intro{padding:20px 20px 75px}.content-block{padding:28px 0}.content-block h2{margin-top:50px}.process-row{grid-template-columns:40px 1fr;gap:15px}.area-grid{grid-template-columns:1fr}.area-grid article,.area-grid article:nth-child(3n){border-right:0}.page-cta{margin-top:55px;padding:30px 22px}.page-cta .circle-link{width:60px;height:60px;flex:none}}

/* MOTOXI Black Gold campaign identity */


/* ==========================================================================
   THEME STYLES - SCOPED DARK MODE (BLACK & GOLD)
   ========================================================================== */
html[data-theme="dark"]{--paper:#080c12;--white:#111821;--cobalt:#c99a42;--acid:#f0c56b;--muted:#9ca6b1;--line:rgba(224,178,88,.22);--shadow:0 22px 70px rgba(0,0,0,.48)}
html[data-theme="dark"] body, html[data-theme="dark"]{background:radial-gradient(circle at 80% 10%,rgba(201,154,66,.10),transparent 34%),var(--paper);color:#f7f3eb}html[data-theme="dark"] .navbar{height:82px;border-color:rgba(224,178,88,.22);background:rgba(5,8,12,.90);box-shadow:0 12px 40px rgba(0,0,0,.28)}html[data-theme="dark"] .logo{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:27px;letter-spacing:-.065em;text-shadow:0 4px 18px rgba(0,0,0,.5)}html[data-theme="dark"] .logo::before{content:"";width:42px;height:46px;flex:none;background:url("../assets/images/motoxi-emblem.png") center/contain no-repeat;filter:drop-shadow(0 0 10px rgba(224,178,88,.32))}html[data-theme="dark"] .logo b{color:var(--acid)}html[data-theme="dark"] .nav-links{color:#c8ced6}html[data-theme="dark"] .nav-links a::after{background:var(--acid)}html[data-theme="dark"] .nav-links a:hover,html[data-theme="dark"] .nav-links a[aria-current=page]{color:var(--acid)}html[data-theme="dark"] .lang-button{border-color:rgba(224,178,88,.55);color:#fff}html[data-theme="dark"] .menu-button span{background:var(--acid)}
html[data-theme="dark"] .btn{border-color:var(--acid);background:linear-gradient(135deg,#e0b257,#9f6e22);color:#080b10;box-shadow:0 10px 28px rgba(201,154,66,.20);text-transform:uppercase;letter-spacing:.045em}html[data-theme="dark"] .btn:hover{border-color:#ffe098;background:linear-gradient(135deg,#ffe098,#bd8730);color:#080b10}html[data-theme="dark"] .btn-outline{border-color:rgba(255,255,255,.5);background:transparent;color:#fff;box-shadow:none}html[data-theme="dark"] .btn-outline:hover{border-color:var(--acid);background:var(--acid);color:#080b10}html[data-theme="dark"] .btn-acid{background:linear-gradient(135deg,#f2ca72,#b47e29)}html[data-theme="dark"] .text-link{border-color:rgba(255,255,255,.35);color:#fff}html[data-theme="dark"] .skip-link{background:var(--acid);color:#080b10}
html[data-theme="dark"] .hero{position:relative;isolation:isolate;max-width:none;min-height:820px;padding-left:max(4vw,calc((100vw - 1500px)/2 + 4vw));padding-right:max(4vw,calc((100vw - 1500px)/2 + 4vw));background:linear-gradient(90deg,rgba(4,7,11,.98) 0%,rgba(4,7,11,.84) 38%,rgba(4,7,11,.28) 70%,rgba(4,7,11,.76) 100%),linear-gradient(0deg,rgba(4,7,11,.85),transparent 45%),var(--image-home) 68% 54%/cover no-repeat}html[data-theme="dark"] .hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 53%,rgba(231,43,35,.14) 54%,transparent 56%);pointer-events:none}html[data-theme="dark"] .hero-copy{z-index:2;max-width:690px}html[data-theme="dark"] .hero-copy::before{width:180px;height:7px;left:0;top:-35px;border:0;border-radius:0;background:linear-gradient(90deg,var(--acid),transparent);transform:skewX(-28deg)}html[data-theme="dark"] .eyebrow{color:var(--acid)}html[data-theme="dark"] .live-dot{background:#31d06f;box-shadow:0 0 0 5px rgba(49,208,111,.15),0 0 20px rgba(49,208,111,.6)}html[data-theme="dark"] h1{color:#fff;text-transform:uppercase;text-shadow:0 12px 35px rgba(0,0,0,.62)}html[data-theme="dark"] h1 em{color:var(--acid)}html[data-theme="dark"] .lead{color:#d2d7dc}html[data-theme="dark"] .trust-points{color:#b7bec6}html[data-theme="dark"] .quick-card{border:1px solid rgba(240,197,107,.58);background:linear-gradient(160deg,rgba(19,27,36,.96),rgba(7,11,16,.92));box-shadow:16px 16px 0 rgba(201,154,66,.26),0 25px 80px rgba(0,0,0,.52);backdrop-filter:blur(15px)}html[data-theme="dark"] .card-heading>span,html[data-theme="dark"] .quick-card label{color:#aeb5be}html[data-theme="dark"] .service-switch{background:#05080c}html[data-theme="dark"] .service-switch .active{background:linear-gradient(135deg,#d7a64d,#9b681f);color:#090c10}html[data-theme="dark"] .quick-card input,html[data-theme="dark"] .booking-form input,html[data-theme="dark"] .booking-form select,html[data-theme="dark"] .booking-form textarea,html[data-theme="dark"] .admin-card input,html[data-theme="dark"] .admin-card select{border-color:rgba(224,178,88,.25);background:#0b1118;color:#f7f3eb}html[data-theme="dark"] .quick-card input::placeholder,html[data-theme="dark"] .booking-form input::placeholder,html[data-theme="dark"] .booking-form textarea::placeholder{color:#717b86}html[data-theme="dark"] .mini-map{border:1px solid rgba(224,178,88,.25);background:#111821}html[data-theme="dark"] .route-line{background:var(--acid);box-shadow:0 0 16px rgba(240,197,107,.6)}html[data-theme="dark"] .pin{background:#05080c}html[data-theme="dark"] .pin-b{background:var(--acid)}html[data-theme="dark"] .starting-price{border-top:1px solid rgba(224,178,88,.18);padding-top:16px}html[data-theme="dark"] .starting-price small,html[data-theme="dark"] .tiny{color:#9aa4af}html[data-theme="dark"] .hero-contact{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}html[data-theme="dark"] .hero-contact a{min-width:190px;display:grid;gap:3px;padding:11px 16px;border:1px solid rgba(240,197,107,.48);border-radius:999px;background:rgba(5,8,12,.70);transition:.2s}html[data-theme="dark"] .hero-contact a:hover{border-color:var(--acid);transform:translateY(-2px)}html[data-theme="dark"] .hero-contact small{color:var(--acid);font-size:8px;font-weight:900;letter-spacing:.16em}html[data-theme="dark"] .hero-contact strong{font-size:21px;letter-spacing:.04em}
html[data-theme="dark"] .ticker{border-top:1px solid rgba(240,197,107,.25);border-bottom:1px solid rgba(240,197,107,.25);background:#05080c;color:#fff}html[data-theme="dark"] .ticker i{color:var(--acid)}html[data-theme="dark"] .section{background:transparent}html[data-theme="dark"] .section-title>p:last-child,html[data-theme="dark"] .steps p,html[data-theme="dark"] .content-block p,html[data-theme="dark"] .process-row p,html[data-theme="dark"] .contact-option p,html[data-theme="dark"] .area-grid p,html[data-theme="dark"] details p{color:var(--muted)}html[data-theme="dark"] .service-grid{gap:24px}html[data-theme="dark"] .service-card{position:relative;isolation:isolate;min-height:610px;overflow:hidden;border:1px solid rgba(240,197,107,.34);box-shadow:0 25px 65px rgba(0,0,0,.35);background-position:center!important;background-size:cover!important}html[data-theme="dark"] .service-card::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(3,6,9,.98) 0%,rgba(3,6,9,.7) 48%,rgba(3,6,9,.15) 100%)}html[data-theme="dark"] .service-card.cobalt{background:var(--image-services)}html[data-theme="dark"] .service-card.dark{background:var(--image-home)}html[data-theme="dark"] .service-card .number{color:var(--acid)}html[data-theme="dark"] .service-icon{margin-top:auto;margin-bottom:24px;border-color:var(--acid);background:rgba(4,7,10,.52);color:var(--acid)}html[data-theme="dark"] .service-card p{color:#c5ccd3}html[data-theme="dark"] .steps{border-color:rgba(224,178,88,.28)}html[data-theme="dark"] .steps article{border-color:rgba(224,178,88,.18)}html[data-theme="dark"] .steps article>span,html[data-theme="dark"] .process-row>span,html[data-theme="dark"] .content-block>span{color:var(--acid)}
html[data-theme="dark"] .pricing{background:linear-gradient(125deg,#15100a,#31210c 52%,#0a0e14)}html[data-theme="dark"] .price-card,html[data-theme="dark"] .formula-card,html[data-theme="dark"] .content-block,html[data-theme="dark"] .contact-option,html[data-theme="dark"] .area-grid article,html[data-theme="dark"] .invoice-card,html[data-theme="dark"] .admin-card{border-color:rgba(224,178,88,.30);background:linear-gradient(150deg,#121a23,#0b1016);color:#f7f3eb}html[data-theme="dark"] .price-card{box-shadow:12px 12px 0 rgba(201,154,66,.32)}html[data-theme="dark"] .price-card>div{border-color:rgba(224,178,88,.22)}html[data-theme="dark"] .price-card small{color:var(--muted)}html[data-theme="dark"] .corridor{border-color:rgba(224,178,88,.35);background:linear-gradient(90deg,#111821 72%,#15100a 72%);box-shadow:10px 10px 0 rgba(201,154,66,.28)}html[data-theme="dark"] .coast{background:var(--acid)}html[data-theme="dark"] .city::after{border-color:#080c12;background:var(--acid)}html[data-theme="dark"] .area-chips span{border-color:rgba(224,178,88,.22);background:#101720}html[data-theme="dark"] .safety{background:#05080c}html[data-theme="dark"] .safety-panel{background:linear-gradient(0deg,rgba(4,7,11,.95),rgba(4,7,11,.15)),var(--image-home) center 56%/cover}html[data-theme="dark"] .safety-list article{border-color:rgba(224,178,88,.20)}html[data-theme="dark"] .safety-list article>span{color:var(--acid)}html[data-theme="dark"] .safety-list p{color:#aeb6bf}html[data-theme="dark"] .contact-cta{background:linear-gradient(90deg,rgba(4,7,11,.96),rgba(4,7,11,.35)),var(--image-services) center 42%/cover}html[data-theme="dark"] .circle-link{background:var(--acid);color:#080b10}html[data-theme="dark"] .accordion,html[data-theme="dark"] details,html[data-theme="dark"] .booking-form,html[data-theme="dark"] .process-list{border-color:rgba(224,178,88,.28)}html[data-theme="dark"] summary::after{color:var(--acid)}
html[data-theme="dark"] .page-hero{position:relative;max-width:none;padding-left:max(4vw,calc((100vw - 1500px)/2 + 4vw));padding-right:max(4vw,calc((100vw - 1500px)/2 + 4vw));border-color:rgba(224,178,88,.25);background:radial-gradient(circle at 85% 20%,rgba(201,154,66,.20),transparent 24%),linear-gradient(130deg,#070b10,#101721)}html[data-theme="dark"] .page-hero>p:last-child{color:#aeb6c0}html[data-theme="dark"] .form-section{border-color:rgba(224,178,88,.22)}html[data-theme="dark"] .form-number{color:var(--acid)}html[data-theme="dark"] .choice-row button{border-color:rgba(224,178,88,.28);background:#101720;color:#fff}html[data-theme="dark"] .choice-row button.active{border-color:var(--acid);background:var(--acid);color:#080b10}html[data-theme="dark"] .notice{border-color:var(--acid);background:#17140d;color:#d9d2c4}html[data-theme="dark"] .route-preview{border:1px solid rgba(224,178,88,.26);background:linear-gradient(90deg,#111821 75%,#241b0c 75%)}html[data-theme="dark"] .route-preview .blue-line{background:var(--acid)}html[data-theme="dark"] .invoice-card{box-shadow:10px 10px 0 rgba(201,154,66,.28)}html[data-theme="dark"] .modal{background:rgba(0,0,0,.82)}html[data-theme="dark"] .modal-card{background:#0d141c;color:#fff;box-shadow:12px 12px 0 rgba(201,154,66,.5)}html[data-theme="dark"] .modal-card pre{border-color:rgba(224,178,88,.25);background:#070b10;color:#e7e9eb}html[data-theme="dark"] .admin-page{background:radial-gradient(circle at 50% 0,rgba(201,154,66,.22),transparent 35%),#070b10}html[data-theme="dark"] .admin-card{box-shadow:12px 12px 0 rgba(201,154,66,.34)}
html[data-theme="dark"] .area-tools{border-color:rgba(224,178,88,.30);background:#101720}html[data-theme="dark"] .area-search-input{border-color:rgba(224,178,88,.25);background:#080c12;color:#fff}html[data-theme="dark"] .area-tools p,html[data-theme="dark"] .data-note{color:var(--muted)}html[data-theme="dark"] .area-tools strong{color:#fff}html[data-theme="dark"] .area-grid{border-color:rgba(224,178,88,.28)}html[data-theme="dark"] .area-grid article{border-color:rgba(224,178,88,.16)}html[data-theme="dark"] .area-grid b{background:rgba(39,191,102,.15);color:#68e69d}html[data-theme="dark"] .area-index{color:var(--acid)}html[data-theme="dark"] .contact-option.featured{border-color:var(--acid);box-shadow:0 20px 60px rgba(201,154,66,.12)}html[data-theme="dark"] .contact-option a{color:var(--acid)}html[data-theme="dark"] .page-cta{border:1px solid rgba(224,178,88,.32);background:linear-gradient(125deg,#31210c,#0b1016)}
html[data-theme="dark"] .contact-strip{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;padding:35px max(4vw,calc((100vw - 1500px)/2 + 4vw));border-top:1px solid rgba(224,178,88,.28);border-bottom:1px solid rgba(224,178,88,.28);background:linear-gradient(120deg,#1f1508,#090d13);color:#fff}html[data-theme="dark"] .contact-strip>div:first-child{display:grid;gap:6px}html[data-theme="dark"] .contact-kicker{color:var(--acid);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}html[data-theme="dark"] .contact-strip>div:first-child>strong{font-size:clamp(25px,3vw,45px);letter-spacing:-.045em}html[data-theme="dark"] .contact-number-list{display:flex;gap:12px}html[data-theme="dark"] .contact-number{min-width:210px;display:flex;align-items:center;gap:12px;padding:13px 17px;border:1px solid rgba(224,178,88,.46);border-radius:999px;background:#080c12}html[data-theme="dark"] .contact-number.main{border-color:#3ad277}html[data-theme="dark"] .contact-number-icon{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:50%;background:#29bd69;color:white;font-weight:900}html[data-theme="dark"] .contact-number>span:last-child{display:grid;font-size:20px;font-weight:900;letter-spacing:.03em}html[data-theme="dark"] .contact-number small{color:#9da6b0;font-size:8px;letter-spacing:.12em;text-transform:uppercase}html[data-theme="dark"] footer{border-top:0;background:#05080c}html[data-theme="dark"] .footer-logo{color:#fff}html[data-theme="dark"] .footer-links{color:#c4cbd2}html[data-theme="dark"] footer>small{border-color:rgba(224,178,88,.20)}html[data-theme="dark"] .floating-book{border:1px solid #60e39b;background:#21b964;color:#07110b;box-shadow:0 10px 40px rgba(37,211,102,.3)}
@media(max-width:1050px){html[data-theme="dark"] .contact-strip{grid-template-columns:1fr}html[data-theme="dark"] .contact-number-list{flex-wrap:wrap}html[data-theme="dark"] .hero{background-position:60% center}}
@media(max-width:850px){html[data-theme="dark"] .navbar{height:70px}html[data-theme="dark"] .nav-links{top:70px;border-color:rgba(224,178,88,.25);background:#080c12}html[data-theme="dark"] .hero{min-height:auto;background-position:58% center}html[data-theme="dark"] .hero::before{content:"";position:absolute;z-index:-1;inset:0;background:rgba(4,7,11,.32)}html[data-theme="dark"] .service-card{min-height:570px}html[data-theme="dark"] .contact-number-list{display:grid;grid-template-columns:1fr 1fr}html[data-theme="dark"] .contact-number{min-width:0}html[data-theme="dark"] .logo::before{width:36px;height:40px}}
@media(max-width:600px){html[data-theme="dark"] h1{font-size:54px}html[data-theme="dark"] .hero{padding-top:75px;background-position:61% center}html[data-theme="dark"] .hero-copy::before{left:0}html[data-theme="dark"] .hero-buttons{flex-direction:column;align-items:stretch}html[data-theme="dark"] .hero-contact{display:grid}html[data-theme="dark"] .hero-contact a{min-width:0}html[data-theme="dark"] .quick-card{margin-top:30px}html[data-theme="dark"] .service-card{min-height:500px}html[data-theme="dark"] .contact-strip{padding:30px 20px}html[data-theme="dark"] .contact-number-list{grid-template-columns:1fr}html[data-theme="dark"] .contact-number{width:100%}html[data-theme="dark"] .contact-number>span:last-child{font-size:18px}html[data-theme="dark"] .page-hero{padding-top:70px}html[data-theme="dark"] .footer-logo::before{width:44px;height:48px}}

html[data-theme="dark"] /* Professional decorative system — high impact,html[data-theme="dark"] lightweight CSS */
body::before{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;background-image:linear-gradient(rgba(240,197,107,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(240,197,107,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 82%)}html[data-theme="dark"] body::after, html[data-theme="dark"]::after{content:"";position:fixed;z-index:-1;top:-30vw;right:-18vw;width:65vw;height:65vw;border:1px solid rgba(240,197,107,.10);border-radius:50%;box-shadow:0 0 0 90px rgba(240,197,107,.018),0 0 0 180px rgba(240,197,107,.012);pointer-events:none}html[data-theme="dark"] .navbar::after{content:"";position:absolute;left:0;bottom:-1px;width:35%;height:1px;background:linear-gradient(90deg,transparent,var(--acid),transparent);animation:goldFlow 7s ease-in-out infinite}html[data-theme="dark"] .logo{width:205px;height:58px;font-size:0;background:var(--motoxi-logo-image,url("../assets/images/motoxi-horizontal-logo.png")) center/contain no-repeat}html[data-theme="dark"] .logo::before{display:none}html[data-theme="dark"] .footer-logo{width:225px;height:68px}
html[data-theme="dark"] .hero{overflow:hidden}html[data-theme="dark"] .hero::before{content:"";position:absolute;z-index:-1;inset:-12%;background:repeating-linear-gradient(118deg,transparent 0 68px,rgba(240,197,107,.055) 69px 70px,transparent 71px 142px);transform:translateX(-5%);animation:streakShift 18s linear infinite;pointer-events:none}html[data-theme="dark"] .hero::after{background:linear-gradient(112deg,transparent 0 54%,rgba(231,43,35,.20) 54.3%,transparent 55%),linear-gradient(112deg,transparent 0 67%,rgba(240,197,107,.16) 67.2%,transparent 68%)}html[data-theme="dark"] .hero-copy::after{content:"MOTOXI / LEBANON";display:block;margin-top:28px;color:rgba(255,255,255,.25);font-size:9px;font-weight:900;letter-spacing:.32em}html[data-theme="dark"] .hero h1{position:relative}html[data-theme="dark"] .hero h1::after{content:"";position:absolute;left:-3px;bottom:-21px;width:96px;height:5px;background:linear-gradient(90deg,var(--acid),#8b5f1d);clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}html[data-theme="dark"] .quick-card{position:relative;overflow:hidden;transform:none}html[data-theme="dark"] .quick-card::before{content:"";position:absolute;right:-85px;top:-105px;width:230px;height:230px;border:1px solid rgba(240,197,107,.25);border-radius:50%;box-shadow:0 0 0 28px rgba(240,197,107,.025),0 0 0 58px rgba(240,197,107,.018);pointer-events:none}html[data-theme="dark"] .quick-card::after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--acid),transparent);animation:goldFlow 5s ease-in-out infinite}html[data-theme="dark"] .launch-card h2{position:relative;margin:38px 0 22px;font-size:clamp(30px,3vw,44px);letter-spacing:-.055em}html[data-theme="dark"] .booking-choices{display:grid;gap:10px}html[data-theme="dark"] .booking-choices>a{position:relative;display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:17px;border:1px solid rgba(240,197,107,.18);border-radius:10px;background:rgba(255,255,255,.025);transition:.25s}html[data-theme="dark"] .booking-choices>a:hover{border-color:rgba(240,197,107,.62);background:rgba(240,197,107,.07);transform:translateX(4px)}html[data-theme="dark"][dir=rtl] .booking-choices>a:hover{transform:translateX(-4px)}html[data-theme="dark"] .booking-choices>a>b{color:var(--acid);font-size:20px}html[data-theme="dark"] .booking-choices>a>span:nth-child(2){display:grid;gap:5px}html[data-theme="dark"] .booking-choices strong{font-size:15px}html[data-theme="dark"] .booking-choices small{color:#8f99a4;font-size:11px;line-height:1.4}html[data-theme="dark"] .choice-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(240,197,107,.34);border-radius:50%;color:var(--acid);font-size:9px;font-weight:900;letter-spacing:.08em}html[data-theme="dark"] .launch-rate{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:22px;padding:20px 0 12px;border-top:1px solid rgba(240,197,107,.20)}html[data-theme="dark"] .launch-rate>span{color:#9ba5af;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}html[data-theme="dark"] .launch-rate>strong{font-size:27px}html[data-theme="dark"] .launch-rate small{color:#aab2bb;font-size:9px;letter-spacing:.08em}
html[data-theme="dark"] .proof-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(240,197,107,.24);border-bottom:1px solid rgba(240,197,107,.24);background:linear-gradient(90deg,#05080c,#161008 48%,#05080c)}html[data-theme="dark"] .proof-strip>div{position:relative;min-height:108px;display:grid;align-content:center;gap:4px;padding:20px 4vw;border-right:1px solid rgba(240,197,107,.16)}html[data-theme="dark"] .proof-strip>div:last-child{border-right:0}html[data-theme="dark"] .proof-strip>div::before{content:"";position:absolute;left:0;top:0;width:42%;height:2px;background:linear-gradient(90deg,var(--acid),transparent)}html[data-theme="dark"] .proof-strip strong{color:var(--acid);font-size:30px;letter-spacing:-.04em}html[data-theme="dark"] .proof-strip span{color:#9da6af;font-size:10px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
html[data-theme="dark"] .section-title{position:relative;padding-left:24px}html[data-theme="dark"] .section-title::before{content:"";position:absolute;left:0;top:0;width:3px;height:78px;background:linear-gradient(var(--acid),transparent)}html[data-theme="dark"][dir=rtl] .section-title{padding-left:0;padding-right:24px}html[data-theme="dark"][dir=rtl] .section-title::before{left:auto;right:0}html[data-theme="dark"] .section-title h2{position:relative}html[data-theme="dark"] .section-title h2::after{content:"";display:inline-block;width:.18em;height:.18em;margin-left:.12em;background:var(--acid);transform:rotate(45deg);box-shadow:0 0 20px rgba(240,197,107,.6)}html[data-theme="dark"][dir=rtl] .section-title h2::after{margin-left:0;margin-right:.12em}html[data-theme="dark"] .service-card{transition:transform .35s,border-color .35s,box-shadow .35s}html[data-theme="dark"] .service-card:hover{transform:translateY(-8px);border-color:rgba(240,197,107,.68);box-shadow:0 32px 80px rgba(0,0,0,.46),0 0 35px rgba(201,154,66,.09)}html[data-theme="dark"] .service-card::after{content:"";position:absolute;z-index:-1;inset:12px;border:1px solid rgba(255,255,255,.08);border-radius:7px;pointer-events:none}html[data-theme="dark"] .service-usecases{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;border:1px solid rgba(240,197,107,.20);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.015)}html[data-theme="dark"] .service-usecases>span{min-height:105px;display:grid;align-content:center;gap:9px;padding:20px;border-right:1px solid rgba(240,197,107,.16);font-size:12px;font-weight:800}html[data-theme="dark"] .service-usecases>span:last-child{border-right:0}html[data-theme="dark"] .service-usecases b{color:var(--acid);font-size:9px;letter-spacing:.12em}
html[data-theme="dark"] .pricing{position:relative;overflow:hidden}html[data-theme="dark"] .pricing::before{content:"65K";position:absolute;right:-2vw;bottom:-7vw;color:rgba(255,255,255,.025);font-size:32vw;font-weight:950;letter-spacing:-.13em;line-height:.75;pointer-events:none}html[data-theme="dark"] .price-card{position:relative;overflow:hidden}html[data-theme="dark"] .price-card::before{content:"";position:absolute;right:-65px;top:-65px;width:160px;height:160px;border:1px solid rgba(240,197,107,.18);transform:rotate(45deg)}html[data-theme="dark"] .coverage-panel{position:relative;display:grid;grid-template-columns:1fr 1.2fr auto;gap:35px;align-items:center;overflow:hidden;padding:36px;border:1px solid rgba(240,197,107,.30);border-radius:14px;background:linear-gradient(135deg,rgba(240,197,107,.09),rgba(17,24,33,.92) 42%,rgba(8,12,18,.96))}html[data-theme="dark"] .coverage-panel::before{content:"";position:absolute;right:-8%;top:-70%;width:420px;height:420px;border:1px solid rgba(240,197,107,.15);border-radius:50%;box-shadow:0 0 0 55px rgba(240,197,107,.018),0 0 0 110px rgba(240,197,107,.012)}html[data-theme="dark"] .coverage-number{position:relative;display:flex;align-items:end;gap:14px}html[data-theme="dark"] .coverage-number strong{color:var(--acid);font-size:clamp(76px,10vw,150px);line-height:.7;letter-spacing:-.09em}html[data-theme="dark"] .coverage-number span{max-width:120px;color:#a5aeb7;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}html[data-theme="dark"] .coverage-regions{position:relative;display:flex;flex-wrap:wrap;gap:9px}html[data-theme="dark"] .coverage-regions>span{padding:10px 13px;border:1px solid rgba(240,197,107,.20);border-radius:999px;background:rgba(255,255,255,.025);font-size:11px;font-weight:800}html[data-theme="dark"] .coverage-panel .btn{position:relative;white-space:nowrap}
html[data-theme="dark"] .page-hero{overflow:hidden}html[data-theme="dark"] .page-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(118deg,transparent 0 80px,rgba(240,197,107,.045) 81px 82px,transparent 83px 160px);pointer-events:none}html[data-theme="dark"] .page-hero::after{content:"";position:absolute;right:-90px;bottom:-125px;width:290px;height:290px;border:1px solid rgba(240,197,107,.17);border-radius:50%;box-shadow:0 0 0 36px rgba(240,197,107,.018),0 0 0 72px rgba(240,197,107,.012);pointer-events:none}html[data-theme="dark"] .content-block,html[data-theme="dark"] .contact-option,html[data-theme="dark"] .area-grid article{position:relative;overflow:hidden;transition:border-color .25s,background .25s,transform .25s}html[data-theme="dark"] .content-block::before,html[data-theme="dark"] .contact-option::before,html[data-theme="dark"] .area-grid article::before{content:"";position:absolute;left:0;top:0;width:54px;height:2px;background:linear-gradient(90deg,var(--acid),transparent)}html[data-theme="dark"] .contact-option:hover,html[data-theme="dark"] .area-grid article:hover{border-color:rgba(240,197,107,.55);background:linear-gradient(145deg,#17212b,#0b1016);transform:translateY(-3px)}
html[data-theme="dark"] .btn{position:relative;overflow:hidden}html[data-theme="dark"] .btn::after{content:"";position:absolute;top:-50%;left:-45%;width:28%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);transform:rotate(18deg);animation:sheen 5.5s ease-in-out infinite}html[data-theme="dark"] .contact-strip{position:relative;overflow:hidden}html[data-theme="dark"] .contact-strip::before{content:"";position:absolute;left:-4%;bottom:-160px;width:330px;height:330px;border:1px solid rgba(240,197,107,.12);border-radius:50%;box-shadow:0 0 0 42px rgba(240,197,107,.018),0 0 0 84px rgba(240,197,107,.012)}html[data-theme="dark"] .floating-book{animation:pulseGlow 3s ease-in-out infinite}
html[data-theme="dark"] @keyframes goldFlow{0%,100%{transform:translateX(-35%);opacity:.35}html[data-theme="dark"] 50%{transform:translateX(220%);opacity:1}html[data-theme="dark"] }@keyframes streakShift{from{transform:translateX(-8%)}html[data-theme="dark"] to{transform:translateX(8%)}html[data-theme="dark"] }@keyframes sheen{0%,70%{left:-45%}html[data-theme="dark"] 100%{left:125%}html[data-theme="dark"] }@keyframes pulseGlow{0%,100%{box-shadow:0 10px 40px rgba(37,211,102,.25)}html[data-theme="dark"] 50%{box-shadow:0 10px 55px rgba(37,211,102,.5),0 0 0 7px rgba(37,211,102,.08)}html[data-theme="dark"] }
@media(max-width:1050px){.coverage-panel{grid-template-columns:1fr 1fr}html[data-theme="dark"] .coverage-panel .btn{grid-column:1/-1;width:max-content}html[data-theme="dark"] .service-usecases{grid-template-columns:1fr 1fr}html[data-theme="dark"] .service-usecases>span:nth-child(2){border-right:0}html[data-theme="dark"] .service-usecases>span:nth-child(-n+2){border-bottom:1px solid rgba(240,197,107,.16)}html[data-theme="dark"] }
@media(max-width:850px){.logo{width:170px;height:50px}html[data-theme="dark"] .proof-strip{grid-template-columns:1fr 1fr}html[data-theme="dark"] .proof-strip>div:nth-child(2){border-right:0}html[data-theme="dark"] .proof-strip>div:nth-child(-n+2){border-bottom:1px solid rgba(240,197,107,.16)}html[data-theme="dark"] .hero::before{background:repeating-linear-gradient(118deg,transparent 0 78px,rgba(240,197,107,.045) 79px 80px,transparent 81px 158px)}html[data-theme="dark"] .coverage-panel{grid-template-columns:1fr}html[data-theme="dark"] .coverage-panel .btn{grid-column:auto}html[data-theme="dark"] .coverage-number strong{font-size:110px}html[data-theme="dark"] }
@media(max-width:600px){body::before{background-size:48px 48px}html[data-theme="dark"] .logo{width:145px;height:44px}html[data-theme="dark"] .hero h1::after{bottom:-14px}html[data-theme="dark"] .proof-strip>div{min-height:92px;padding:17px 20px}html[data-theme="dark"] .proof-strip strong{font-size:26px}html[data-theme="dark"] .launch-card h2{margin-top:30px}html[data-theme="dark"] .booking-choices>a{grid-template-columns:36px 1fr auto;padding:14px 12px}html[data-theme="dark"] .choice-mark{width:33px;height:33px}html[data-theme="dark"] .launch-rate{align-items:center}html[data-theme="dark"] .launch-rate>strong{font-size:22px}html[data-theme="dark"] .service-usecases{grid-template-columns:1fr}html[data-theme="dark"] .service-usecases>span{min-height:80px;border-right:0;border-bottom:1px solid rgba(240,197,107,.16)!important}html[data-theme="dark"] .service-usecases>span:last-child{border-bottom:0!important}html[data-theme="dark"] .coverage-panel{padding:28px 22px}html[data-theme="dark"] .coverage-number{display:grid}html[data-theme="dark"] .coverage-number strong{font-size:95px}html[data-theme="dark"] .coverage-panel .btn{width:100%}html[data-theme="dark"] .footer-logo{width:190px}html[data-theme="dark"] }
@media(prefers-reduced-motion:reduce){.navbar::after,.hero::before,.quick-card::after,.btn::after,.floating-book{animation:none!important}html[data-theme="dark"] .service-card,html[data-theme="dark"] .contact-option,html[data-theme="dark"] .area-grid article{transition:none!important}html[data-theme="dark"] }

/* Ambient motorcycle motion and opt-in browser audio control */
.motorcycle-ambient{position:fixed;z-index:24;left:0;bottom:78px;width:150px;height:78px;opacity:.4;pointer-events:none;filter:grayscale(1) sepia(1) saturate(2.2) drop-shadow(0 7px 12px rgba(0,0,0,.65));animation:motorcyclePass 11s linear infinite}html[data-theme="dark"] .motorcycle-glyph{position:absolute;right:0;bottom:0;display:block;font-size:67px;line-height:1;transform:scaleX(-1);animation:motorcycleSuspension .16s ease-in-out infinite alternate}html[data-theme="dark"] .motorcycle-trails,html[data-theme="dark"] .motorcycle-trails::before,html[data-theme="dark"] .motorcycle-trails::after{position:absolute;right:58px;height:2px;background:linear-gradient(90deg,transparent,var(--acid));content:""}html[data-theme="dark"] .motorcycle-trails{top:33px;width:94px}html[data-theme="dark"] .motorcycle-trails::before{top:-12px;width:63px}html[data-theme="dark"] .motorcycle-trails::after{top:13px;width:76px}html[data-theme="dark"] @keyframes motorcyclePass{0%{transform:translateX(-190px)}html[data-theme="dark"] 42%,html[data-theme="dark"] 58%{transform:translateX(calc(50vw - 75px))}html[data-theme="dark"] 100%{transform:translateX(calc(100vw + 190px))}html[data-theme="dark"] }@keyframes motorcycleSuspension{from{transform:scaleX(-1) translateY(0) rotate(-1deg)}html[data-theme="dark"] to{transform:scaleX(-1) translateY(-2px) rotate(1deg)}html[data-theme="dark"] }
@media(max-width:600px){.motorcycle-ambient{bottom:68px;transform:scale(.82);transform-origin:left bottom}html[data-theme="dark"] .motorcycle-glyph{font-size:56px}html[data-theme="dark"] }
@media(prefers-reduced-motion:reduce){.motorcycle-ambient{display:none}html[data-theme="dark"] }

/* Frontend CMS posts */
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}html[data-theme="dark"] .post-card{overflow:hidden;border:1px solid rgba(240,197,107,.24);border-radius:14px;background:linear-gradient(145deg,#111a23,#080d13);box-shadow:0 22px 60px rgba(0,0,0,.28);transition:transform .3s,border-color .3s}html[data-theme="dark"] .post-card:hover{transform:translateY(-6px);border-color:rgba(240,197,107,.62)}html[data-theme="dark"] .post-card-image{min-height:270px;display:block;background-position:center;background-size:cover}html[data-theme="dark"] .post-card>div{padding:24px}html[data-theme="dark"] .post-card h2{margin:14px 0;font-size:30px;line-height:1.05;letter-spacing:-.045em}html[data-theme="dark"] .post-card p:not(.eyebrow){min-height:72px;color:var(--muted);line-height:1.55}html[data-theme="dark"] .empty-posts{grid-column:1/-1;padding:50px;border:1px dashed rgba(240,197,107,.32);border-radius:14px;text-align:center}html[data-theme="dark"] .post-detail{max-width:1050px;margin:auto;padding:70px 4vw 110px}html[data-theme="dark"] .post-detail>header{padding:60px 0 35px}html[data-theme="dark"] .post-detail h1{font-size:clamp(48px,8vw,96px)}html[data-theme="dark"] .post-lead{max-width:780px;color:#bdc4cc;font-size:21px;line-height:1.6}html[data-theme="dark"] .post-featured{width:100%;max-height:620px;display:block;object-fit:cover;border:1px solid rgba(240,197,107,.28);border-radius:15px;box-shadow:0 30px 90px rgba(0,0,0,.35)}html[data-theme="dark"] .post-copy{max-width:780px;margin:55px auto;color:#d4d8dd;font-size:18px;line-height:1.85}html[data-theme="dark"] .post-copy p{margin:0 0 24px}html[data-theme="dark"] .post-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:50px}html[data-theme="dark"] .post-gallery img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover;border-radius:12px}html[data-theme="dark"] .post-detail .ar.post-copy{display:none}html[data-theme="dark"][lang=ar] .post-detail .ar.post-copy{display:block}html[data-theme="dark"][lang=ar] .post-detail .en.post-copy{display:none!important}
@media(max-width:1000px){html[data-theme="dark"] .posts-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){html[data-theme="dark"] .posts-grid{grid-template-columns:1fr}html[data-theme="dark"] .post-card-image{min-height:230px}html[data-theme="dark"] .post-detail{padding:50px 20px 90px}html[data-theme="dark"] .post-gallery{grid-template-columns:1fr}}
html[data-theme="dark"][dir=rtl] .ar,html[data-theme="dark"][dir=rtl] .fare-lines,html[data-theme="dark"][dir=rtl] .total,html[data-theme="dark"][dir=rtl] .contact-number,html[data-theme="dark"][dir=rtl] .price-card,html[data-theme="dark"][dir=rtl] .formula-card{direction:rtl;unicode-bidi:plaintext;text-align:right}html[data-theme="dark"][dir=rtl] input,html[data-theme="dark"][dir=rtl] textarea,html[data-theme="dark"][dir=rtl] select{direction:rtl;text-align:right}html[data-theme="dark"] .cookie-banner{position:fixed;z-index:90;right:20px;bottom:20px;left:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1050px;margin:auto;padding:18px 20px;border:1px solid rgba(240,197,107,.46);border-radius:16px;background:rgba(5,8,12,.96);color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.55);backdrop-filter:blur(16px)}html[data-theme="dark"] .cookie-banner>div:first-child{max-width:650px}html[data-theme="dark"] .cookie-banner strong{font-size:16px}html[data-theme="dark"] .cookie-banner p{margin:6px 0 0;color:#bfc6ce;font-size:13px;line-height:1.5}html[data-theme="dark"] .cookie-banner>div:last-child{display:flex;gap:9px;flex-shrink:0}html[data-theme="dark"] .cookie-banner .btn{min-height:42px;padding:0 14px;font-size:11px}@media(max-width:720px){html[data-theme="dark"] .cookie-banner{align-items:stretch;flex-direction:column;gap:14px;right:10px;bottom:10px;left:10px}html[data-theme="dark"] .cookie-banner>div:last-child{display:grid;grid-template-columns:1fr 1fr}html[data-theme="dark"] .cookie-banner .btn{width:100%}}
html[data-theme="dark"] /* Centralized page imagery: one optimized background per destination. */
body[data-page="services"] .page-hero,html[data-theme="dark"] body[data-page="book"] .page-hero, html[data-theme="dark"][data-page="book"] .page-hero{min-height:600px;display:grid;align-content:end;isolation:isolate;border-bottom-color:rgba(240,197,107,.35);background-position:center;background-size:cover;background-repeat:no-repeat}
html[data-theme="dark"] body[data-page="services"] .page-hero, html[data-theme="dark"][data-page="services"] .page-hero{background-image:linear-gradient(90deg,rgba(4,7,11,.97) 0%,rgba(4,7,11,.76) 44%,rgba(4,7,11,.18) 100%),linear-gradient(0deg,rgba(4,7,11,.72),transparent 54%),var(--image-services);background-position:center 48%}
html[data-theme="dark"] body[data-page="book"] .page-hero, html[data-theme="dark"][data-page="book"] .page-hero{background-image:linear-gradient(90deg,rgba(4,7,11,.98) 0%,rgba(4,7,11,.82) 46%,rgba(4,7,11,.12) 100%),linear-gradient(0deg,rgba(4,7,11,.72),transparent 58%),var(--image-booking);background-position:center 48%}
html[data-theme="dark"] body[data-page="services"] .page-hero>*, html[data-theme="dark"][data-page="services"] .page-hero>*,html[data-theme="dark"] body[data-page="book"] .page-hero>*, html[data-theme="dark"][data-page="book"] .page-hero>*{position:relative;z-index:1}
html[data-theme="dark"] body[data-page="services"] .page-hero>p:last-child, html[data-theme="dark"][data-page="services"] .page-hero>p:last-child,html[data-theme="dark"] body[data-page="book"] .page-hero>p:last-child, html[data-theme="dark"][data-page="book"] .page-hero>p:last-child{max-width:650px;color:#d4d9df}
@media(max-width:850px){html[data-theme="dark"] body[data-page="services"] .page-hero, html[data-theme="dark"][data-page="services"] .page-hero,html[data-theme="dark"] body[data-page="book"] .page-hero, html[data-theme="dark"][data-page="book"] .page-hero{min-height:520px;background-position:62% center}html[data-theme="dark"] body[data-page="services"] .page-hero, html[data-theme="dark"][data-page="services"] .page-hero{background-image:linear-gradient(90deg,rgba(4,7,11,.96),rgba(4,7,11,.54)),var(--image-services)}html[data-theme="dark"] body[data-page="book"] .page-hero, html[data-theme="dark"][data-page="book"] .page-hero{background-image:linear-gradient(90deg,rgba(4,7,11,.96),rgba(4,7,11,.54)),var(--image-booking)}}



/* Dual Floating WhatsApp Widget */


/* ==========================================================================
   THEME STYLES - LIGHT MODE (HIGH CONTRAST)
   ========================================================================== */
html[data-theme="light"] {
  --ink: #0f172a;
  --paper: #f8fafc;
  --white: #ffffff;
  --cobalt: #b37e1b;
  --acid: #926410;
  --muted: #475569;
  --line: rgba(179, 126, 27, 0.28);
  --green: #25d366;
  --shadow: 0 14px 40px rgba(15, 23, 42, 0.08);
}
html[data-theme="light"] body {
  background: #f4f6fa !important;
  color: #0f172a !important;
}
html[data-theme="light"] .navbar {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 1.5px solid rgba(179, 126, 27, 0.25) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
}
html[data-theme="light"] .logo {
  color: #0f172a !important;
  text-shadow: none !important;
}
html[data-theme="light"] .logo b {
  color: #b37e1b !important;
}
html[data-theme="light"] .nav-links {
  color: #334155 !important;
}
html[data-theme="light"] .nav-links a {
  color: #1e293b !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .nav-links a:hover,
html[data-theme="light"] .nav-links a[aria-current="page"] {
  color: #b37e1b !important;
}
html[data-theme="light"] .menu-button span {
  background: #0f172a !important;
}
html[data-theme="light"] .lang-button {
  background: #ffffff !important;
  border: 1.5px solid rgba(179, 126, 27, 0.45) !important;
  color: #0f172a !important;
  font-weight: 800 !important;
}
html[data-theme="light"] .lang-button:hover {
  border-color: #b37e1b !important;
  background: #fdf8ef !important;
}
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4 {
  color: #0f172a !important;
}
html[data-theme="light"] p,
html[data-theme="light"] .lead {
  color: #334155 !important;
}
html[data-theme="light"] .eyebrow {
  color: #926410 !important;
  font-weight: 800 !important;
}
html[data-theme="light"] .quick-card,
html[data-theme="light"] .service-card,
html[data-theme="light"] .content-block,
html[data-theme="light"] .price-card,
html[data-theme="light"] .formula-card,
html[data-theme="light"] .contact-option,
html[data-theme="light"] .area-grid article,
html[data-theme="light"] .admin-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(179, 126, 27, 0.28) !important;
  color: #0f172a !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
}
html[data-theme="light"] .hero-contact a {
  background: #ffffff !important;
  border: 1.5px solid rgba(179, 126, 27, 0.45) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
}
html[data-theme="light"] .hero-contact small {
  color: #926410 !important;
}
html[data-theme="light"] .hero-contact strong {
  color: #0f172a !important;
}
html[data-theme="light"] .booking-form select,
html[data-theme="light"] .booking-form input,
html[data-theme="light"] .booking-form textarea,
html[data-theme="light"] .quick-card input,
html[data-theme="light"] .quick-card select {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid rgba(179, 126, 27, 0.45) !important;
}
html[data-theme="light"] .booking-form select option,
html[data-theme="light"] .quick-card select option {
  background: #ffffff !important;
  color: #0f172a !important;
}
html[data-theme="light"] .booking-form label {
  color: #805307 !important;
}
html[data-theme="light"] .choice-row button {
  background: #f1f5f9 !important;
  color: #1e293b !important;
  border: 1.5px solid rgba(179, 126, 27, 0.35) !important;
}
html[data-theme="light"] .choice-row button.active {
  background: #0f172a !important;
  color: #ffffff !important;
  border-color: #0f172a !important;
}
html[data-theme="light"] .service-switch {
  background: #e2e8f0 !important;
}
html[data-theme="light"] .service-switch button {
  color: #475569 !important;
}
html[data-theme="light"] .service-switch button.active {
  background: #0f172a !important;
  color: #ffffff !important;
}
html[data-theme="light"] .invoice-card {
  background: #ffffff !important;
  border: 1.5px solid rgba(179, 126, 27, 0.4) !important;
  box-shadow: 0 16px 45px rgba(15, 23, 42, 0.08) !important;
  color: #0f172a !important;
}
html[data-theme="light"] .invoice-card > strong {
  color: #0f172a !important;
  text-shadow: none !important;
}
html[data-theme="light"] .fare-lines > div {
  border-bottom: 1px solid rgba(179, 126, 27, 0.2) !important;
  color: #334155 !important;
}
html[data-theme="light"] .fare-lines b {
  color: #0f172a !important;
}
html[data-theme="light"] .total span {
  color: #805307 !important;
}
html[data-theme="light"] .total strong {
  color: #0f172a !important;
  text-shadow: none !important;
}
html[data-theme="light"] .btn.reserve-now-btn {
  background: linear-gradient(135deg, #e0b257, #bd8730) !important;
  color: #080b10 !important;
  border: 2px solid #926410 !important;
  box-shadow: 0 10px 28px rgba(179, 126, 27, 0.35) !important;
}
html[data-theme="light"] .modal-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid rgba(179, 126, 27, 0.35) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2) !important;
}
html[data-theme="light"] .modal-card h2 {
  color: #0f172a !important;
}
html[data-theme="light"] .modal-card pre {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1.5px solid rgba(179, 126, 27, 0.25) !important;
}
html[data-theme="light"] .modal-close {
  border-color: #0f172a !important;
  color: #0f172a !important;
}
html[data-theme="light"] .floating-wa-btn {
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1.5px solid rgba(179, 126, 27, 0.35) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
  color: #0f172a !important;
}
html[data-theme="light"] .floating-wa-phone {
  color: #0f172a !important;
}
html[data-theme="light"] .restore-visit-banner {
  background: #e8f9ee !important;
  border: 1.5px solid #25d366 !important;
  color: #0c612b !important;
}
html[data-theme="light"] footer {
  background: #ffffff !important;
  border-top: 1.5px solid rgba(179, 126, 27, 0.25) !important;
  color: #475569 !important;
}
html[data-theme="light"] footer a {
  color: #1e293b !important;
}
html[data-theme="light"] .cookie-banner {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid rgba(179, 126, 27, 0.35) !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
}
html[data-theme="light"] .cookie-banner strong {
  color: #0f172a !important;
}
html[data-theme="light"] .cookie-banner p {
  color: #475569 !important;
}

/* ==========================================================================
   PREMIUM DUAL-MODE SEGMENTED THEME SWITCH CONTROLLER
   ========================================================================== */
.theme-switch-controller {
  display: inline-flex;
  align-items: center;
  position: relative;
  background: rgba(14, 21, 30, 0.88);
  border: 1.5px solid rgba(240, 197, 107, 0.45);
  border-radius: 30px;
  padding: 3px;
  gap: 3px;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35), inset 0 2px 4px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  min-height: 38px;
}
html[data-theme="light"] .theme-switch-controller {
  background: #e2e8f0 !important;
  border-color: rgba(179, 126, 27, 0.4) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08), inset 0 2px 4px rgba(0, 0, 0, 0.06) !important;
}
.theme-switch-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 5px 12px;
  border-radius: 24px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.02em;
  border: none;
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
}
.theme-switch-pill svg {
  width: 14px;
  height: 14px;
  flex: none;
  transition: transform 0.25s ease;
}
.theme-switch-pill.active {
  background: linear-gradient(135deg, #f0c56b, #c99a42);
  color: #080b10;
  box-shadow: 0 3px 12px rgba(240, 197, 107, 0.4);
  font-weight: 900;
}
html[data-theme="light"] .theme-switch-pill {
  color: #64748b !important;
}
html[data-theme="light"] .theme-switch-pill.active {
  background: #ffffff !important;
  color: #0f172a !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12) !important;
  font-weight: 900 !important;
}
@media (max-width: 600px) {
  .theme-switch-pill span.theme-name {
    display: none;
  }
  .theme-switch-pill {
    padding: 6px 9px;
  }
}
.floating-wa-dock {
  position: fixed;
  z-index: 85;
  right: 22px;
  bottom: calc(22px + env(safe-area-inset-bottom));
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  max-width: calc(100vw - 44px);
}
html[dir=rtl] .floating-wa-dock {
  right: auto;
  left: 22px;
}
.floating-wa-btn {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 8px 16px 8px 10px;
  border-radius: 50px;
  background: rgba(12, 17, 24, 0.94);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1.5px solid rgba(240, 197, 107, 0.4);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45), 0 0 16px rgba(37, 211, 102, 0.15);
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.25s, box-shadow 0.25s;
}
.floating-wa-btn:hover {
  transform: translateY(-4px) scale(1.03);
  border-color: #25d366;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.55), 0 0 24px rgba(37, 211, 102, 0.35);
}
.floating-wa-btn.delivery-btn {
  border-color: rgba(240, 197, 107, 0.55);
}
.floating-wa-btn.delivery-btn:hover {
  border-color: var(--acid);
}
.floating-wa-btn.transport-btn {
  border-color: rgba(37, 211, 102, 0.55);
}
.floating-wa-btn.transport-btn:hover {
  border-color: #25d366;
}
.floating-wa-icon {
  width: 36px;
  height: 36px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #25d366, #128c7e);
  color: #fff;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.4);
}
/* All WhatsApp floating icons use uniform official WhatsApp green */
.floating-wa-btn.delivery-btn .floating-wa-icon,
.floating-wa-btn.transport-btn .floating-wa-icon,
.floating-wa-icon {
  background: linear-gradient(135deg, #25d366, #128c7e) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.45) !important;
}
.floating-wa-info {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
.floating-wa-label {
  font-size: 11px;
  font-weight: 800;
  color: #c9d2db;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.floating-wa-btn.delivery-btn .floating-wa-label {
  color: var(--acid);
}
.floating-wa-btn.transport-btn .floating-wa-label {
  color: #68e69d;
}
.floating-wa-phone {
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.02em;
  color: #fff;
}
@media (max-width: 768px) {
  .floating-wa-dock {
    right: 12px;
    bottom: calc(14px + env(safe-area-inset-bottom));
    gap: 8px;
    max-width: calc(100vw - 24px);
  }
  html[dir=rtl] .floating-wa-dock {
    left: 12px;
    right: auto;
  }
  .floating-wa-btn {
    padding: 6px 12px 6px 8px;
    gap: 8px;
  }
  .floating-wa-icon {
    width: 30px;
    height: 30px;
  }
  .floating-wa-icon svg {
    width: 17px;
    height: 17px;
  }
  .floating-wa-label {
    font-size: 9.5px;
  }
  .floating-wa-phone {
    font-size: 11.5px;
  }
}
@media (max-width: 480px) {
  .floating-wa-dock {
    flex-direction: column;
    align-items: stretch;
    right: 10px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    gap: 6px;
    width: min(280px, calc(100vw - 20px));
  }
  html[dir=rtl] .floating-wa-dock {
    left: 10px;
    right: auto;
  }
  .floating-wa-btn {
    padding: 6px 12px;
  }
}



/* ==========================================================================
   HIGH CONTRAST & ACCESSIBILITY FIXES FOR RESERVATION & CART (EN & AR)
   ========================================================================== */
/* Ensure all WhatsApp icons on the site use the exact same green */
.floating-wa-icon,
.floating-wa-btn .floating-wa-icon,
.floating-wa-btn.delivery-btn .floating-wa-icon,
.floating-wa-btn.transport-btn .floating-wa-icon {
  background: linear-gradient(135deg, #25d366, #128c7e) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.45) !important;
}

/* High contrast labels & headings on booking form */
.booking-form label {
  color: #f0c56b !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
}
.booking-form h2 {
  color: #ffffff !important;
}
.booking-form .form-number {
  color: #f0c56b !important;
  font-weight: 900 !important;
}

/* High contrast form inputs, selects, and dropdown option elements */
.booking-form select,
.booking-form input,
.booking-form textarea,
.quick-card select,
.quick-card input {
  background-color: #0d1520 !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(240, 197, 107, 0.5) !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
.booking-form select:focus,
.booking-form input:focus,
.booking-form textarea:focus {
  border-color: #f0c56b !important;
  box-shadow: 0 0 0 3px rgba(240, 197, 107, 0.25) !important;
  outline: none !important;
}
.booking-form select option,
.quick-card select option {
  background-color: #0b1118 !important;
  color: #ffffff !important;
  padding: 10px !important;
  font-size: 14px !important;
}

/* High contrast interactive choice buttons */
.choice-row button {
  background: #141e2b !important;
  color: #f7f3eb !important;
  border: 1.5px solid rgba(240, 197, 107, 0.35) !important;
  font-weight: 700 !important;
  transition: all 0.2s ease !important;
}
.choice-row button:hover {
  border-color: #f0c56b !important;
  color: #ffffff !important;
}
.choice-row button.active {
  background: #f0c56b !important;
  border-color: #f0c56b !important;
  color: #080b10 !important;
  font-weight: 900 !important;
  box-shadow: 0 4px 14px rgba(240, 197, 107, 0.35) !important;
}

/* High contrast Service switch buttons */
.service-switch {
  background: #080d14 !important;
  border: 1px solid rgba(240, 197, 107, 0.3) !important;
  padding: 6px !important;
  border-radius: 10px !important;
}
.service-switch button {
  color: #c9d2db !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
}
.service-switch button.active {
  background: linear-gradient(135deg, #f0c56b, #c99a42) !important;
  color: #080b10 !important;
  font-weight: 900 !important;
  box-shadow: 0 4px 14px rgba(240, 197, 107, 0.3) !important;
}

/* Invoice Card High Contrast & Prominence */
.invoice-card {
  background: linear-gradient(160deg, #131b26, #090e15) !important;
  border: 1.5px solid rgba(240, 197, 107, 0.45) !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.55), 0 0 25px rgba(201, 154, 66, 0.15) !important;
  color: #f7f3eb !important;
}
.invoice-card .eyebrow {
  color: #f0c56b !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
}
.invoice-card > strong {
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}
.invoice-card > strong small {
  color: #f0c56b !important;
}
.fare-lines > div {
  border-bottom: 1px solid rgba(240, 197, 107, 0.2) !important;
  color: #d1d8e0 !important;
}
.fare-lines b {
  color: #ffffff !important;
}
.total {
  border-top: 1px solid rgba(240, 197, 107, 0.3) !important;
}
.total span {
  color: #f0c56b !important;
  font-weight: 800 !important;
}
.total strong {
  color: #ffffff !important;
  font-size: 32px !important;
  text-shadow: 0 2px 12px rgba(240, 197, 107, 0.25) !important;
}
.total small {
  color: #aeb8c4 !important;
}

/* High Contrast Dispatch Target Badge */
.dispatch-badge {
  background: rgba(240, 197, 107, 0.16) !important;
  border: 1.5px solid #f0c56b !important;
  color: #fff !important;
  border-radius: 9px !important;
}
.dispatch-badge strong {
  color: #f0c56b !important;
  font-size: 13px !important;
}

/* Error notice high contrast */
.error.show {
  background: #3b1111 !important;
  border: 1.5px solid #ff6b6b !important;
  color: #ffe0e0 !important;
  font-weight: 700 !important;
}

/* Prominent RESERVE NOW / احجز الآن Button */
.btn.reserve-now-btn {
  min-height: 58px !important;
  background: linear-gradient(135deg, #f0c56b, #c99a42) !important;
  color: #080b10 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0.03em !important;
  border: 2px solid #fff5db !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 28px rgba(240, 197, 107, 0.4), 0 0 15px rgba(201, 154, 66, 0.3) !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0 20px !important;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s, filter 0.25s !important;
}
.btn.reserve-now-btn:hover {
  transform: translateY(-3px) scale(1.02) !important;
  background: linear-gradient(135deg, #ffe098, #d7a64d) !important;
  box-shadow: 0 14px 36px rgba(240, 197, 107, 0.55), 0 0 25px rgba(201, 154, 66, 0.45) !important;
  color: #05080c !important;
}
.reserve-btn-content em {
  font-style: normal;
  font-size: 12.5px;
  font-weight: 700;
  opacity: 0.85;
  margin-inline-start: 6px;
}
.reserve-btn-arrow {
  font-size: 20px !important;
  font-weight: 900 !important;
  transition: transform 0.2s ease !important;
}
.btn.reserve-now-btn:hover .reserve-btn-arrow {
  transform: translateX(4px);
}
html[dir=rtl] .btn.reserve-now-btn:hover .reserve-btn-arrow {
  transform: translateX(-4px);
}

/* Modal High Contrast & Send to WhatsApp Button */
.modal-card {
  background: #0d1520 !important;
  border: 1.5px solid rgba(240, 197, 107, 0.4) !important;
  color: #ffffff !important;
}
.modal-card h2 {
  color: #ffffff !important;
}
.modal-card pre {
  background: #070c12 !important;
  border: 1.5px solid rgba(240, 197, 107, 0.25) !important;
  color: #f7f3eb !important;
  font-size: 13px !important;
}
.btn-whatsapp {
  background: linear-gradient(135deg, #25d366, #128c7e) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  border: 1.5px solid #48e684 !important;
  box-shadow: 0 8px 24px rgba(37, 211, 102, 0.35) !important;
}
.btn-whatsapp:hover {
  background: linear-gradient(135deg, #2ae06d, #149a8b) !important;
  box-shadow: 0 12px 30px rgba(37, 211, 102, 0.5) !important;
  color: #ffffff !important;
}


/* Restore previous visit banner */
.restore-visit-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
  padding: 10px 16px;
  border-radius: 8px;
  background: rgba(37, 211, 102, 0.12);
  border: 1px solid rgba(37, 211, 102, 0.4);
  color: #68e69d;
  font-size: 13px;
  font-weight: 700;
  animation: fadeInDown 0.3s ease-out;
}
.restore-visit-banner span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.restore-clear-btn {
  color: #f0c56b !important;
  font-size: 12px !important;
  text-decoration: underline;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: color 0.2s;
}
.restore-clear-btn:hover {
  color: #ffffff !important;
}
@keyframes fadeInDown {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}