/* Public travel website: emerald, limestone and warm brass. */
:root { --ink:#152e2a; --green:#155b4c; --green-dark:#0b3c32; --muted:#687570; --line:#e0e7e1; --paper:#fafbf8; --lime:#e7d3a8; --gold:#d9bc82; }
body.public-modern { background:var(--paper); -webkit-font-smoothing:antialiased; }
.wrap { width:min(1240px,calc(100% - 88px)); }
html { scroll-padding-top:26px; }
.public-header { min-height:100px; border:0; padding-block:20px; gap:20px; }
.brand { font-size:19px; letter-spacing:-.65px; max-width:325px; }
.brand-mark { width:44px; min-width:44px; }
.brand small { font-size:8px; letter-spacing:1.6px; }
.public-header nav { gap:23px; font-size:12px; font-weight:600; }
.public-header nav a { position:relative; padding-block:12px; }
.public-header nav a::after { content:""; position:absolute; inset-inline:0; bottom:4px; height:2px; background:var(--green); transform:scaleX(0); transition:transform .2s ease; }
.public-header nav a:hover { text-decoration:none; }
.public-header nav a:hover::after { transform:scaleX(1); }
.header-actions { gap:16px; }
.language-switch { background:transparent; border:0; padding:0; gap:1px; }
.language-switch a { font-size:11px; min-width:37px; padding-inline:7px; }
.language-switch a[aria-current] { background:#eaf0e9; box-shadow:none; }
.status-link { color:var(--green-dark); border:1px solid #c9d6ca; border-radius:9px; padding:11px 14px; font-size:11px; gap:16px; }
.hero-shell { position:relative; width:calc(100% - 36px); margin:0 auto; overflow:hidden; border-radius:24px; background:#0b302b; isolation:isolate; }
.hero-shell::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,33,29,.8) 0%,rgba(5,33,29,.32) 50%,rgba(5,33,29,.72) 100%),url('/static/images/umrah-architecture-v1.png') 50% 55%/cover; z-index:-2; }
.hero-shell::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,28,24,.87),transparent 58%); pointer-events:none; z-index:-1; }
.hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,470px); align-items:start; gap:80px; padding-block:48px; }
.hero-story { padding-top:37px; color:#fff; }
.hero-eyebrow { display:inline-flex; align-items:center; padding:7px 11px; border:1px solid #d0dbc12e; border-radius:5px; color:#efe4c8; background:#0c30285c; letter-spacing:1.75px; font-size:9px; }
.green-dot { background:var(--gold); width:5px; height:5px; margin-inline:0 8px; }
.hero h1 { font-size:clamp(52px,5.6vw,80px); letter-spacing:-3.8px; font-weight:570; line-height:1.06; margin:28px 0 25px; }
.hero h1 em { display:inline-block; color:#e9cea0; font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-3px; }
.hero-intro { max-width:420px; color:#e0e7df; font-size:15px; line-height:1.9; }
.hero-chips { margin:26px 0 0; gap:8px; }
.hero-chips span { color:#e8eee4; border:1px solid #dce9d32e; background:#153c326e; border-radius:100px; font-size:10px; padding:6px 12px; }
.hero-explore { display:inline-flex; align-items:center; gap:24px; margin-top:25px; font-size:12px; font-weight:600; border-bottom:1px solid #dfd2b080; padding-bottom:8px; color:#f4ead4; }
.hero-explore:hover { text-decoration:none; color:#fff; border-color:#fff; }
.hero-explore span { font-size:21px; }
.hero-route { display:flex; gap:12px; align-items:center; margin-top:66px; max-width:405px; padding-top:20px; border-top:1px solid #e1e8d828; font-size:13px; font-weight:550; color:#f1e9d7; }
.hero-route i { flex:1; height:1px; background:#cfb88870; position:relative; }
.hero-route i::before,.hero-route i::after { content:""; width:4px; height:4px; position:absolute; top:-1.5px; border-radius:50%; background:#d6bf8c; }
.hero-route i::after { right:0; }
.hero-note { margin-top:22px; gap:12px; }
.hero-note svg { width:27px; height:27px; stroke:#d8bf8e; stroke-width:1.25; fill:none; flex-shrink:0; }
.hero-note p { color:#bdcdc0; font-size:10px; }
.hero-note strong { color:#e2e8da; font-weight:500; }
.booking-card { border:0; border-radius:17px; padding:28px; box-shadow:0 20px 80px #051d2226; background:#fff; }
.booking-card .eyebrow { color:#788678; font-size:8px; letter-spacing:1.5px; }
.card-heading h2 { font-size:25px; letter-spacing:-1px; margin-top:8px; font-weight:650; }
.heading-arrow { display:grid; place-items:center; width:35px; height:35px; background:#eef3ec; border-radius:50%; color:#457057; font-size:22px; flex-shrink:0; }
.card-intro { font-size:11px; color:#728073; margin:10px 0 20px; }
.steps { background:#f4f6f0; border:1px solid #e8ece3; padding:5px; border-radius:8px; margin-bottom:23px; gap:3px; }
.steps li { margin:0; padding:7px 5px; border:0; border-radius:5px; justify-content:center; font-size:10px; gap:6px; }
.steps li[aria-current=step] { background:#fff; box-shadow:0 2px 7px #173b2b0b; }
.steps li span { width:20px; height:20px; background:#e8eddf; font-size:9px; flex-shrink:0; }
.field { margin-bottom:13px; }
.field label { font-size:11px; margin-bottom:5px; color:#3c5046; }
.field input,.field select,.field textarea { min-height:43px; background:#fbfcf9; border-color:#dfe6dc; border-radius:7px; font-size:12px; padding-block:10px; }
.field input:focus,.field select:focus,.field textarea:focus { border-color:#679786; box-shadow:0 0 0 3px #155b4c0c; outline:0; }
.field-grid { gap:12px; }
.field-hint { font-size:9px; margin-bottom:14px; }
.location-fields .field:before { top:39px; }
.location-connector { top:57px; }
.button { background:var(--green); border-color:var(--green); border-radius:8px; min-height:47px; font-size:12px; padding:12px 16px; box-shadow:0 4px 10px #12392f0b; transition:background .18s,box-shadow .18s; }
.button:hover { background:#0f4539; border-color:#0f4539; box-shadow:0 6px 15px #12392f18; }
.step-next { margin-top:18px; }
.card-footnote { margin-top:18px; padding-top:16px; font-size:9px; }
.service-ribbon { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding-block:29px; border-bottom:1px solid var(--line); }
.service-ribbon>div { display:flex; gap:15px; justify-content:center; align-items:center; padding-inline:20px; border-inline-end:1px solid var(--line); }
.service-ribbon>div:last-child { border:0; }
.service-ribbon svg { width:27px; height:27px; stroke:#8b815c; fill:none; stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.service-ribbon strong,.service-ribbon small { display:block; }
.service-ribbon strong { font-size:12px; font-weight:650; }
.service-ribbon small { color:#869083; font-size:10px; margin-top:3px; }
.booking-status-strip { margin-top:28px; margin-bottom:0; padding:18px 23px; border:1px solid #dee6d9; background:#eff3ea; border-radius:10px; }
.booking-status-strip p { font-size:12px; }.booking-status-strip p>span { font-size:10px; }
.booking-status-strip>a { display:inline-flex; align-items:center; border-bottom:1px solid #adbd9f; padding-bottom:3px; font-size:11px; }
.status-strip-icon { color:#728362; font-size:29px; }
.eyebrow { color:#7c825f; font-size:9px; letter-spacing:1.7px; }
.section-heading h2 { font-size:36px; line-height:1.2; font-weight:550; letter-spacing:-1.3px; margin-top:11px; }
.how-section { border:0; padding-block:58px 54px; }
.how-grid { gap:36px; }
.how-grid article { position:relative; padding-inline-start:54px; }
.step-number { position:absolute; inset-inline-start:0; top:0; font-family:Georgia,serif; width:37px; height:37px; display:grid; place-items:center; background:#eef1e7; color:#819064; border-radius:50%; font-size:17px; }
.how-grid h3 { font-size:16px; }.how-grid p { font-size:12px; }
.services-section { padding-block:16px 65px; }
.services-grid { gap:19px; }
.services-grid article { position:relative; border-radius:14px; padding:27px; border:1px solid #e2e7dd; transition:transform .2s,box-shadow .2s,border-color .2s; background:linear-gradient(135deg,#fff,#f6f8f1); }
.services-grid article:nth-child(2) { background:linear-gradient(135deg,#fff,#f6f1e5); }
.services-grid article:nth-child(3) { background:linear-gradient(135deg,#fff,#eaf1eb); }
.services-grid article:hover { transform:translateY(-4px); border-color:#c4d1bd; box-shadow:0 12px 28px #14372608; }
.service-icon { width:44px; height:44px; border-radius:12px; background:#e8edde; font-size:25px; margin-bottom:30px; }
.services-grid h3 { font-size:20px; letter-spacing:-.5px; }.services-grid p { font-size:12px; }
.services-grid a { padding-top:17px; border-top:1px solid #dfe5d8; margin-top:24px; display:flex; align-items:center; justify-content:space-between; }
.vehicle-section { padding-block:0 65px; }
.section-heading-row>p { max-width:240px; font-size:12px; }
.vehicle-filters { display:flex; flex-wrap:wrap; gap:8px; margin:-8px 0 24px; }
.vehicle-filters button { border:1px solid #dce4d6; border-radius:100px; background:transparent; padding:9px 17px; min-height:40px; color:#61715e; font-size:11px; font-weight:600; transition:background .2s; }
.vehicle-filters button[aria-pressed=true] { color:#fff; background:var(--green-dark); border-color:var(--green-dark); }
.vehicle-grid { gap:18px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.vehicle-card { border-radius:13px; border:1px solid #e0e6db; transition:transform .2s,box-shadow .2s,border-color .2s; }
.vehicle-card:hover { transform:translateY(-3px); box-shadow:0 12px 28px #1a35200b; border-color:#becdb6; }
.vehicle-art { background:radial-gradient(ellipse at 45% 50%,#fff,#eef1e7); aspect-ratio:1.65; overflow:hidden; }
.vehicle-art svg { filter:drop-shadow(0 6px 3px #163d340d); transform:scale(.89); }
.vehicle-art svg [fill="#163d34"] { fill:#71857a; }
.vehicle-art svg [fill="#c4d8cd"] { fill:#d7e5df; }
.vehicle-art svg [stroke="#c8daaa"] { stroke:#d6c18e; }
.vehicle-index { position:absolute; top:12px; inset-inline-start:16px; color:#9ca78e; font:italic 15px Georgia,serif; z-index:1; }
.illustration-label { font-size:8px; bottom:8px; color:#7b8671; }
.vehicle-card-body { padding:19px; }
.vehicle-card h3 { font-size:17px; letter-spacing:-.5px; margin:0 0 8px; line-height:1.35; min-height:23px; }
.vehicle-card .vehicle-capacity { display:inline-block; font-size:10px; font-weight:600; background:#edf2e7; color:#61734d; padding:4px 8px; border-radius:4px; }
.vehicle-card p { font-size:10px; margin:8px 0; }
.vehicle-choice { border-top:1px solid #e4e8df; width:100%; margin-top:13px; padding-top:11px; min-height:42px; font-size:11px; }
.vehicle-card.is-selected { border-color:var(--green); box-shadow:0 0 0 1px var(--green); }
.section-footnote { font-size:10px; color:#7a8574; }
.umrah-intro { grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); padding-block:57px 58px; gap:64px; }
.umrah-portrait { margin:0; min-height:520px; position:relative; border-radius:230px 230px 16px 16px; overflow:hidden; background:#234839; }
.umrah-portrait img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:62% center; }
.umrah-portrait figcaption { position:absolute; inset-inline-end:16px; bottom:16px; color:#fff; background:#0b302b8c; padding:4px 9px; font-size:9px; border-radius:4px; }
.umrah-editorial { min-width:0; }
.umrah-copy h2 { font-size:43px; letter-spacing:-1.5px; }.umrah-copy h2 em { color:#92916a; }
.umrah-copy>p { font-size:13px; }.umrah-copy .text-link { padding-bottom:5px; border-bottom:1px solid #aebb9d; }
.umrah-values article { padding:21px 0; gap:20px; }.umrah-values h3 { font-size:16px; }
.umrah-routes { padding-block:22px 55px; }
.umrah-route-card { border:0; box-shadow:0 4px 22px #1e342209; border-radius:15px; transition:transform .2s; }
.umrah-route-card:hover { transform:translateY(-4px); }
.route-art { height:195px; }.route-art-code { font-size:86px; font-style:italic; opacity:.72; }
.route-art-jeddah { background:linear-gradient(130deg,#dfe8d1,#c3d3b3); }.route-art-cities { background:linear-gradient(130deg,#ece2c8,#cdbb95); }.route-art-madinah { background:linear-gradient(130deg,#174b3d,#0a302a); }
.route-card-body { padding:26px; }.route-card-body h3 { font-size:21px; }.route-card-body .text-link { display:flex; justify-content:space-between; border-top:1px solid var(--line); padding-top:18px; }
.pilgrim-support { padding-bottom:66px; }.pilgrim-grid { gap:24px; }.pilgrim-grid article { border:0; border-radius:11px; padding:23px; background:#f0f3eb; }.pilgrim-grid h3 { font-size:16px; }.pilgrim-grid p { font-size:11px; }.detail-icon { color:#8c885d; font-size:29px; }
.operator-panel { background:radial-gradient(ellipse at 0% 100%,#295947,transparent 65%),#0b302b; border-radius:20px; position:relative; overflow:hidden; padding:49px 53px; gap:70px; }
.operator-panel::before { content:""; position:absolute; width:370px; height:370px; border:1px solid #b5bc8730; border-radius:50%; top:-190px; inset-inline-end:-100px; box-shadow:0 0 0 35px #b5bc8708,0 0 0 70px #b5bc8707; pointer-events:none; }
.operator-panel .eyebrow { color:#cbbb90; }.operator-panel h2 { font-size:45px; letter-spacing:-1.8px; }.operator-panel p { color:#b7cbbd; }.operator-button { color:#213c2b; background:#ddc48e; border-color:#ddc48e; }.operator-button:hover { background:#ebd5a9; border-color:#ebd5a9; color:#213c2b; }
.operator-checklist li { border-bottom-color:#476151; }.operator-checklist li>span { color:#bfb083; }
.travel-faq { padding-block:76px; gap:80px; }.faq-intro h2 { font-size:42px; font-weight:550; }.faq-list details { padding:15px 19px; border:1px solid #e0e7da; border-radius:9px; margin-bottom:10px; background:#fff; }.faq-list details[open] { background:#f0f4e9; border-color:#cfdbbf; }.faq-list summary { font-size:13px; padding:0; }.faq-list p { margin-inline:0; font-size:12px; }
.journey-cta { border:0; border-radius:14px; background:#e9eedf; padding:35px 40px; }.journey-cta h2 { font-size:32px; font-weight:550; }
.footer-shell { background:#0c2e28; color:#eaf0e4; margin-top:15px; }
.public-footer { border:0; padding-block:45px; align-items:center; gap:45px; }
.footer-brand { max-width:355px; }.footer-symbol { font-family:Georgia,serif; color:#d9c695; border:1px solid #879a7960; display:inline-grid; place-items:center; width:31px; height:34px; border-radius:17px 17px 3px 3px; margin-inline-end:10px; }
.footer-brand strong { font-size:17px; }.public-footer p { color:#adc2b2; font-size:11px; margin-top:12px; }.footer-country { display:block; font-size:9px; letter-spacing:1.3px; color:#b4ba90; margin-top:12px; }
.contact-links { color:#d4dfd0; gap:8px; font-size:12px; }.footer-shortcuts { gap:10px; font-size:11px; }.footer-shortcuts>span { display:none; }
.footer-whatsapp { color:#e3d0a1; }
.status-main { padding-block:35px 68px; }.status-page-heading h1 { font-size:54px; letter-spacing:-2.3px; }.status-page-heading h1 em { color:#8c8b60; }.status-layout { gap:30px; }.status-form-card { border:1px solid var(--line); box-shadow:0 10px 35px #102e2008; }.status-explainer { background:linear-gradient(150deg,#e4ead8,#f0f3e8); border:0; border-radius:18px; }.status-explainer h2 { color:var(--green-dark); }.status-result { border-radius:18px; box-shadow:0 10px 35px #102e2008; }.status-trip { border:0; background:#f1f5ea; border-radius:10px; }
.confirmation-wrap { padding-block:48px 70px; }.confirmation-card { border-radius:21px; box-shadow:0 12px 50px #1432210a; }.confirmation-card h1 { color:var(--green-dark); }.success-icon { background:#e9efdb; color:#597340; }.reference-box { background:#f2f5e9; border-color:#b5c697; }
.mobile-bookbar { display:none; }
.whatsapp-contact { background:#155b4c; font-size:12px; border-radius:12px; }
[dir=rtl] .hero h1 { letter-spacing:0; line-height:1.45; font-size:64px; }
[dir=rtl] .hero h1 em { font-family:inherit; font-style:normal; letter-spacing:0; }
[dir=rtl] .hero-eyebrow { letter-spacing:0; }
[dir=rtl] .hero-note { display:flex; }
[dir=rtl] .location-fields .field:before,[dir=rtl] .location-connector { left:auto; right:12px; }
[dir=rtl] .how-grid article { padding-left:0; padding-right:54px; }
[dir=rtl] .step-number { left:auto; right:0; }
[dir=rtl] .section-heading h2,[dir=rtl] .status-page-heading h1 { letter-spacing:0; }
@media(min-width:1440px) { .hero { gap:100px; padding-block:57px; }.hero-story { padding-top:43px; }.hero-route { margin-top:88px; } }
@media(max-width:1200px) { .wrap { width:calc(100% - 64px); }.hero { grid-template-columns:minmax(0,1fr) minmax(0,440px); gap:40px; }.public-header nav { display:none; }.hero h1 { font-size:63px; }.hero-route { margin-top:50px; }.booking-card { padding:25px; }.vehicle-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:900px) { .wrap { width:calc(100% - 44px); }.hero { gap:27px; grid-template-columns:minmax(0,1fr) minmax(0,390px); }.hero-shell { width:calc(100% - 24px); }.hero h1 { font-size:51px; }.hero-story { padding-top:20px; }.hero-intro { font-size:13px; }.hero-chips { gap:5px; }.hero-chips span { font-size:9px; padding:5px 8px; }.hero-eyebrow { font-size:8px; letter-spacing:1px; }.hero-route { font-size:11px; gap:8px; margin-top:40px; }.service-ribbon>div { padding-inline:12px; gap:10px; }.service-ribbon strong { font-size:11px; }.service-ribbon small { font-size:9px; }.hero-note p { font-size:9px; }.how-grid { gap:20px; }.how-grid article { padding-inline-start:44px; }.services-grid article { padding:21px; }.vehicle-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.pilgrim-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.operator-panel { padding:38px; gap:40px; }.operator-panel h2 { font-size:38px; }[dir=rtl] .hero h1 { font-size:46px; } }
@media(max-width:760px) {
    .wrap { width:calc(100% - 36px); }.public-header { min-height:0; padding-block:16px; gap:14px; }.brand { font-size:17px; max-width:100%; }.brand-mark { width:38px; min-width:38px; }.brand small { font-size:7px; }.header-actions { width:100%; justify-content:space-between; gap:8px; }.language-switch a { min-height:35px; min-width:45px; font-size:12px; }.status-link { min-height:40px; font-size:11px; padding:8px 12px; }
    .hero-shell { width:calc(100% - 20px); border-radius:18px; overflow:visible; background:#0b302b; }.hero-shell::before { border-radius:18px; background-position:59% 0; background-size:auto 580px; background-repeat:no-repeat; }.hero-shell::after { border-radius:18px; background:linear-gradient(0deg,#0b302b 48%,transparent 83%); }.hero { display:flex; flex-direction:column; align-items:stretch; width:calc(100% - 28px); gap:28px; padding-block:30px 14px; }.hero-story { padding:5px 8px 0; }.hero-eyebrow { font-size:8px; letter-spacing:1.3px; }.hero h1 { font-size:57px; letter-spacing:-2.7px; line-height:1.05; margin:24px 0 20px; }.hero h1 br { display:block; }.hero h1 em { letter-spacing:-2.4px; }.hero-intro { font-size:13px; line-height:1.85; max-width:430px; }.hero-chips { margin-top:20px; gap:6px; }.hero-chips span { font-size:9px; padding:5px 9px; }.hero-explore { font-size:11px; margin-top:18px; padding-bottom:4px; }.hero-route { margin-top:28px; padding-top:18px; font-size:11px; max-width:none; }.hero-note { display:none; }.booking-card { padding:25px 20px; border-radius:13px; }.card-heading h2 { font-size:25px; }.card-intro { font-size:11px; }.steps li { font-size:10px; }.field label { font-size:12px; }.field input,.field select,.field textarea { font-size:16px; min-height:46px; }.field { margin-bottom:15px; }.field input[type=date],.field input[type=time] { font-size:14px; }.location-fields .field:before { top:44px; }.location-connector { top:64px; }.field-hint { font-size:10px; }.button { font-size:12px; min-height:48px; }.card-footnote { font-size:10px; }
    .service-ribbon { grid-template-columns:1fr; gap:18px; padding-block:27px; }.service-ribbon>div { border:0; padding-inline:9px; justify-content:start; gap:15px; }.service-ribbon strong { font-size:12px; }.service-ribbon small { font-size:10px; }.service-ribbon svg { width:24px; height:24px; }
    .booking-status-strip { flex-direction:column; align-items:stretch; gap:14px; margin-top:22px; padding:18px; }.booking-status-strip>a { margin-inline-start:43px; width:fit-content; }.booking-status-strip p>span { font-size:10px; }.section-heading h2 { font-size:30px; letter-spacing:-1px; }.how-section { padding-block:39px 28px; }.how-grid { grid-template-columns:1fr; gap:26px; }.how-grid article { padding-inline-start:49px; }.how-grid h3 { font-size:16px; }.step-number { top:0; font-size:17px; }.services-section { padding-block:22px 39px; }.services-grid { grid-template-columns:1fr; gap:14px; }.services-grid article { padding:25px; }.service-icon { float:none; margin-inline:0; margin-bottom:22px; }.services-grid p { max-width:none; }.services-grid a { margin-top:20px; }.services-grid h3 { font-size:21px; }.section-heading-row>p { margin-top:-12px; max-width:none; font-size:12px; }
    .vehicle-section { padding-bottom:37px; }.vehicle-grid { gap:12px; }.vehicle-card-body { padding:14px; }.vehicle-card h3 { font-size:15px; min-height:41px; }.vehicle-card .vehicle-capacity { font-size:9px; padding:4px 5px; }.vehicle-card p { font-size:9px; }.vehicle-choice { font-size:10px; line-height:1.5; }.vehicle-art { aspect-ratio:1.3; }.vehicle-art svg { transform:scale(1.1); }.vehicle-index { font-size:12px; inset-inline-start:10px; top:8px; }.illustration-label { font-size:7px; inset-inline-end:8px; }.vehicle-filters { gap:6px; margin-bottom:20px; }.vehicle-filters button { padding:8px 12px; font-size:10px; }.section-footnote { font-size:9px; line-height:1.8; }
    .umrah-intro { grid-template-columns:1fr; gap:14px; padding-block:38px; }.umrah-copy h2 { font-size:36px; }.umrah-values article { padding-block:18px; }.umrah-routes { padding-block:5px 36px; }.umrah-route-grid { grid-template-columns:1fr; gap:18px; }.route-art { height:185px; }.route-card-body { padding:25px; }.route-card-body p { font-size:12px; }.pilgrim-support { padding-block:12px 37px; }.pilgrim-grid { gap:12px; }.pilgrim-grid article { padding:18px; }.pilgrim-grid h3 { font-size:14px; }.pilgrim-grid p { font-size:11px; line-height:1.85; }.operator-panel { grid-template-columns:1fr; padding:30px 25px; gap:30px; border-radius:16px; }.operator-panel h2 { font-size:39px; }.operator-panel p { font-size:12px; }.operator-button { max-width:100%; white-space:normal; }.operator-checklist li { font-size:11px; }.travel-faq { grid-template-columns:1fr; gap:26px; padding-block:44px; }.faq-intro h2 { font-size:35px; }.faq-list details { padding:16px; }.faq-list summary { font-size:12px; }.journey-cta { padding:28px 24px; gap:22px; flex-direction:column; align-items:stretch; margin-bottom:36px; }.journey-cta h2 { font-size:28px; }.journey-cta .button { width:100%; }
    .public-footer { padding-block:34px 105px; flex-direction:column; align-items:start; gap:25px; }.footer-shortcuts { flex-direction:row; flex-wrap:wrap; gap:14px 22px; }.footer-brand strong { font-size:16px; }.mobile-bookbar:not([hidden]) { display:flex; position:fixed; z-index:9; bottom:0; inset-inline:0; align-items:center; justify-content:space-between; gap:12px; padding:11px 18px max(11px,env(safe-area-inset-bottom)); background:#fffffff5; backdrop-filter:blur(12px); border-top:1px solid #dce4d6; box-shadow:0 -5px 25px #0b302b0b; }.mobile-bookbar>span { font-size:10px; font-weight:600; max-width:120px; }.mobile-bookbar .button { width:auto; min-width:145px; min-height:43px; padding:9px 13px; font-size:11px; gap:18px; }.booking-landing .whatsapp-contact { bottom:85px; inset-inline-end:12px; font-size:10px; padding:9px 12px; }
    .status-main { padding-block:28px 40px; }.status-page-heading h1 { font-size:42px; }.status-layout { grid-template-columns:1fr; gap:24px; }.status-form-card { padding:26px 21px; }.status-result { padding:26px 21px; }.status-explainer { padding:30px; }.status-explainer h2 { font-size:35px; }.confirmation-card { padding:32px 22px; }.confirmation-card h1 { font-size:34px; }.confirmation-wrap { padding-block:30px 42px; }
    [dir=rtl] .hero h1 { font-size:46px; line-height:1.35; }[dir=rtl] .hero-note { display:none; }[dir=rtl] .hero-intro { font-size:14px; }[dir=rtl] .hero-chips span { font-size:10px; }[dir=rtl] .how-grid article { padding-inline-start:49px; }[dir=rtl] .service-icon { float:none; margin-inline:0; }[dir=rtl] .booking-status-strip>a { margin-inline-start:43px; margin-inline-end:0; }
}
@media(max-width:360px) { .hero h1 { font-size:51px; }.hero h1 em { font-size:53px; }.booking-card { padding:22px 16px; }.vehicle-grid { grid-template-columns:1fr; }.vehicle-card h3 { min-height:0; }.vehicle-art { aspect-ratio:1.8; }.vehicle-art svg { transform:scale(.86); } }
@media(max-width:760px) { .umrah-portrait { min-height:0; height:350px; border-radius:160px 160px 12px 12px; margin:0 17px 20px; }.umrah-portrait img { object-position:60% 50%; }.hero-shell::before { background-image:linear-gradient(rgba(5,33,29,.54),rgba(5,33,29,.5)),url('/static/images/umrah-architecture-v1.png'); }.whatsapp-contact { display:none; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; animation:none!important; }.services-grid article:hover,.vehicle-card:hover,.umrah-route-card:hover { transform:none; } }