/* BAVS v0.21.69 — Contact page redesign, mobile-first */
.contactx-page{--cx-blue:#3977ee;--cx-cyan:#20a9c5;--cx-teal:#34a98a;--cx-violet:#7359dc;--cx-amber:#e2aa2c;--cx-ink:#172740;--cx-muted:#718096;--cx-line:#e3eaf4;color:var(--text,#172740);overflow:hidden}.contactx-page *{box-sizing:border-box}.contactx-page .shell{width:min(1180px,calc(100% - 28px));margin-inline:auto}.contactx-hero{padding:30px 0 26px;background:radial-gradient(520px 240px at 94% -5%,rgba(47,173,205,.14),transparent 72%),radial-gradient(430px 240px at 0 15%,rgba(112,83,220,.11),transparent 72%),linear-gradient(180deg,#fbfdff,#f5f9fd)}.contactx-hero-grid{display:grid;gap:18px}.contactx-hero-copy{padding:24px 18px;border:1px solid var(--cx-line);border-radius:26px;background:rgba(255,255,255,.86);box-shadow:0 20px 55px rgba(50,76,118,.08)}.contactx-kicker,.contactx-section-label{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:7px 11px;border-radius:999px;background:#eef4ff;color:#356fe0;font-size:11px;font-weight:900}.contactx-hero h1{margin:13px 0 9px;font-size:clamp(28px,7.6vw,50px);line-height:1.42;letter-spacing:-.035em;font-weight:1000;color:var(--cx-ink)}.contactx-hero-copy>p{margin:0;font-size:14px;line-height:2.05;color:#637187;font-weight:650}.contactx-hero-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:18px}.contactx-btn{min-height:48px;border:1px solid var(--cx-line);border-radius:15px;background:#fff;color:#2c4264;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:900;box-shadow:0 8px 18px rgba(45,68,105,.055)}.contactx-btn.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,#2f72ee,#6558e9)}.contactx-facts{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px}.contactx-facts>span{min-height:72px;padding:11px;border:1px solid #e6ebf2;border-radius:16px;background:#fafcff;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:9px;align-content:center}.contactx-facts i{grid-row:1/3;width:32px;height:32px;border-radius:11px;background:#edf3ff;color:#4077e2;display:grid;place-items:center}.contactx-facts b{font-size:12px;color:#263b5d}.contactx-facts small{font-size:9px;color:#8a96a9}.contactx-brand-card{position:relative;isolation:isolate;overflow:hidden;min-height:350px;padding:25px 20px;border-radius:28px;background:linear-gradient(145deg,#223d5c,#2c6478 58%,#35a1ae);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 24px 60px rgba(24,55,83,.2)}.contactx-brand-glow{position:absolute;border-radius:999px;z-index:-1}.contactx-brand-glow.one{width:230px;height:230px;left:-90px;bottom:-90px;background:rgba(255,255,255,.07)}.contactx-brand-glow.two{width:190px;height:190px;right:-70px;top:-75px;background:rgba(255,255,255,.08)}.contactx-logo{width:126px;height:126px;border-radius:31px;background:rgba(255,255,255,.96);display:grid;place-items:center;margin-bottom:12px;box-shadow:0 13px 32px rgba(0,0,0,.14)}.contactx-logo img{width:108px;height:108px;object-fit:contain}.contactx-brand-card>small{font-size:11px;color:#cfeaf1}.contactx-brand-card>strong{font-size:23px;margin-top:1px}.contactx-brand-card>strong em{font-style:normal;color:#ffdb5a}.contactx-direct-phone,.contactx-direct-address{width:100%;margin-top:11px;padding:11px 12px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.08);display:flex;align-items:flex-start;gap:10px;color:#fff;text-align:right;text-decoration:none}.contactx-direct-phone>i,.contactx-direct-address>i{width:36px;height:36px;min-width:36px;border-radius:12px;background:rgba(255,255,255,.12);display:grid;place-items:center}.contactx-direct-phone span,.contactx-direct-address span{display:flex;flex-direction:column;gap:2px}.contactx-direct-phone small,.contactx-direct-address small{font-size:8px;color:#cfe9ef}.contactx-direct-phone b,.contactx-direct-address b{font-size:10.5px;line-height:1.8;color:#fff}.contactx-section{padding:36px 0}.contactx-section-head{max-width:800px;margin-bottom:18px}.contactx-section-head.compact{margin-bottom:15px}.contactx-section-head h2,.contactx-map-copy h2{margin:10px 0 7px;font-size:24px;line-height:1.55;color:var(--cx-ink);font-weight:1000;letter-spacing:-.02em}.contactx-section-head p,.contactx-map-copy>p{margin:0;font-size:12px;line-height:2;color:#6c7a8f;font-weight:650}.contactx-channels-section{background:#fff}.contactx-channel-grid{display:grid;grid-template-columns:1fr;gap:10px}.contactx-channel{--tone:var(--cx-blue);padding:18px;border:1px solid var(--cx-line);border-top:4px solid var(--tone);border-radius:21px;background:#fff;box-shadow:0 13px 30px rgba(43,69,108,.06)}.contactx-channel.tone-violet{--tone:var(--cx-violet)}.contactx-channel.tone-cyan{--tone:var(--cx-cyan)}.contactx-channel.tone-teal{--tone:var(--cx-teal)}.contactx-channel-icon{width:48px;height:48px;border-radius:16px;background:color-mix(in srgb,var(--tone) 10%,#fff);color:var(--tone);display:grid;place-items:center;font-size:18px;margin-bottom:12px}.contactx-channel>small{display:block;font-size:9px;color:var(--tone);font-weight:900}.contactx-channel h3{margin:3px 0 7px;font-size:17px;color:#263c5b}.contactx-channel p{margin:0;min-height:48px;font-size:10.5px;line-height:1.95;color:#718096}.contactx-channel>a{margin-top:13px;min-height:40px;border-radius:12px;background:#f6f9fd;color:#34516f;text-decoration:none;display:flex;align-items:center;justify-content:space-between;padding:0 11px;font-size:9.5px;font-weight:900}.contactx-map-section{background:linear-gradient(180deg,#f6faff,#f2f7fc)}.contactx-map-layout{display:grid;gap:16px}.contactx-map-copy{padding:20px;border:1px solid var(--cx-line);border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(43,69,108,.06)}.contactx-map-actions{display:grid;gap:8px;margin-top:16px}.contactx-map-actions>a{min-height:58px;padding:9px 11px;border:1px solid #e0e8f2;border-radius:15px;background:#f9fbfe;color:#2d4665;text-decoration:none;display:flex;align-items:center;gap:10px}.contactx-map-actions>a>i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#edf3ff;color:#3b75e1}.contactx-map-actions>a.waze>i{background:#e8faf8;color:#26977f}.contactx-map-actions span{display:flex;flex-direction:column}.contactx-map-actions small{font-size:8px;color:#8b97aa}.contactx-map-actions strong{font-size:10.5px}.contactx-visit-note{margin-top:13px;padding:11px 12px;border-radius:15px;background:#fff8df;border:1px solid #f0df9e;color:#6c5b25;display:flex;gap:9px;align-items:flex-start}.contactx-visit-note>i{margin-top:2px}.contactx-visit-note span{display:flex;flex-direction:column;gap:2px}.contactx-visit-note strong{font-size:10px}.contactx-visit-note small{font-size:8.5px;line-height:1.7}.contactx-map-card{position:relative;overflow:hidden;min-height:340px;border:1px solid var(--cx-line);border-radius:24px;background:#dce8f4;box-shadow:0 18px 44px rgba(35,64,102,.1)}.contactx-map-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.contactx-map-badge{position:absolute;right:12px;bottom:12px;left:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.82);border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 10px 28px rgba(27,50,80,.13);backdrop-filter:blur(12px);display:flex;align-items:center;gap:9px}.contactx-map-badge>i{width:36px;height:36px;border-radius:12px;background:#edf3ff;color:#3977ee;display:grid;place-items:center}.contactx-map-badge span{display:flex;flex-direction:column}.contactx-map-badge small{font-size:8px;color:#8a96a9}.contactx-map-badge strong{font-size:10px;color:#2c4264}.contactx-stages-section{background:#fff}.contactx-stage-row{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 1px 9px;scrollbar-width:none}.contactx-stage-row::-webkit-scrollbar{display:none}.contactx-stage-row>span{--tone:var(--cx-blue);position:relative;scroll-snap-align:start;min-width:190px;min-height:94px;padding:14px;border:1px solid var(--cx-line);border-top:3px solid var(--tone);border-radius:18px;background:#fff;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 25px rgba(43,69,108,.05)}.contactx-stage-row>span.tone-cyan{--tone:var(--cx-cyan)}.contactx-stage-row>span.tone-teal{--tone:var(--cx-teal)}.contactx-stage-row>span.tone-blue{--tone:var(--cx-blue)}.contactx-stage-row>span.tone-violet{--tone:var(--cx-violet)}.contactx-stage-row>span.tone-amber{--tone:var(--cx-amber)}.contactx-stage-row i{width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--tone) 10%,#fff);color:var(--tone);display:grid;place-items:center}.contactx-stage-row b{font-size:11px;color:#304761}.contactx-stage-row small{position:absolute;left:10px;top:10px;width:24px;height:24px;border-radius:9px;background:#f3f6fa;color:#728096;display:grid;place-items:center;font-size:8px;font-weight:900}.contactx-cta-section{padding:8px 0 44px;background:#fff}.contactx-cta-card{padding:20px;border-radius:26px;background:linear-gradient(135deg,#eef5ff,#f5f1ff);border:1px solid #dfe8f6;display:grid;gap:13px;align-items:center}.contactx-cta-icon{width:52px;height:52px;border-radius:17px;background:linear-gradient(135deg,#3676ed,#7659df);color:#fff;display:grid;place-items:center;font-size:20px}.contactx-cta-card small{font-size:9px;color:#7f8ca0}.contactx-cta-card strong{display:block;margin-top:2px;font-size:17px;color:#273e5f}.contactx-cta-card p{margin:5px 0 0;font-size:10px;line-height:1.9;color:#718096}.contactx-cta-actions{display:grid;gap:7px}.contactx-cta-actions a{min-height:43px;border-radius:13px;border:1px solid #dbe3ef;background:#fff;text-decoration:none;color:#304863;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:900}.contactx-cta-actions a.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,#3474ec,#7058df)}
@media(min-width:640px){.contactx-hero-actions{grid-template-columns:auto auto;justify-content:start}.contactx-facts{grid-template-columns:repeat(3,1fr)}.contactx-channel-grid{grid-template-columns:1fr 1fr}.contactx-map-actions{grid-template-columns:1fr 1fr}.contactx-cta-actions{grid-template-columns:auto auto;justify-content:start}}
@media(min-width:900px){.contactx-page .shell{width:min(1240px,calc(100% - 48px))}.contactx-hero{padding:48px 0 34px}.contactx-hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(350px,.72fr);align-items:stretch}.contactx-hero-copy{padding:36px 34px;border-radius:32px}.contactx-brand-card{min-height:auto;border-radius:32px}.contactx-section{padding:54px 0}.contactx-channel-grid{grid-template-columns:repeat(4,1fr)}.contactx-map-layout{grid-template-columns:minmax(330px,.72fr) minmax(0,1.35fr);align-items:stretch}.contactx-map-copy{padding:28px;border-radius:28px}.contactx-map-card{min-height:470px;border-radius:28px}.contactx-stage-row{display:grid;grid-template-columns:repeat(5,1fr);overflow:visible}.contactx-stage-row>span{min-width:0}.contactx-cta-card{grid-template-columns:auto 1fr auto;padding:24px 28px}.contactx-cta-actions{display:flex}}
@media(min-width:1180px){.contactx-hero h1{font-size:46px}.contactx-section-head h2,.contactx-map-copy h2{font-size:28px}.contactx-channel{padding:20px}}
@media(prefers-reduced-motion:reduce){.contactx-page *{scroll-behavior:auto!important;transition:none!important}}
html[data-theme="dark"] .contactx-page{--cx-ink:#f2f6ff;--cx-muted:#a8b5c8;--cx-line:#263b59}html[data-theme="dark"] .contactx-hero,html[data-theme="dark"] .contactx-map-section{background:#0e1b2f}html[data-theme="dark"] .contactx-channels-section,html[data-theme="dark"] .contactx-stages-section,html[data-theme="dark"] .contactx-cta-section{background:#0b1729}html[data-theme="dark"] .contactx-hero-copy,html[data-theme="dark"] .contactx-channel,html[data-theme="dark"] .contactx-map-copy,html[data-theme="dark"] .contactx-stage-row>span{background:#12233a;border-color:#243a59}html[data-theme="dark"] .contactx-facts>span{background:#142741;border-color:#263e5f}html[data-theme="dark"] .contactx-channel h3,html[data-theme="dark"] .contactx-stage-row b{color:#eef5ff}html[data-theme="dark"] .contactx-hero-copy>p,html[data-theme="dark"] .contactx-section-head p,html[data-theme="dark"] .contactx-map-copy>p,html[data-theme="dark"] .contactx-channel p{color:#aab7c9}html[data-theme="dark"] .contactx-channel>a,html[data-theme="dark"] .contactx-map-actions>a{background:#14253d;border-color:#2a4161;color:#eef5ff}html[data-theme="dark"] .contactx-cta-card{background:linear-gradient(135deg,#142743,#1c2240);border-color:#2b4265}html[data-theme="dark"] .contactx-cta-card strong{color:#f1f6ff}html[data-theme="dark"] .contactx-cta-actions a{background:#14253d;border-color:#2a4161;color:#eef5ff}


/* BAVS v0.21.70 — Leaflet contact map + multi-router panel */
.contactx-map-heading{max-width:860px;margin-bottom:18px}
.contactx-map-layout-v2170{display:grid;gap:16px;align-items:stretch}
.contactx-leaflet-card{min-height:390px;isolation:isolate;background:#e8f0f7}
.contactx-leaflet-map{position:absolute;inset:0;z-index:1;width:100%;height:100%;background:#e8f0f7}
.contactx-leaflet-map .leaflet-control-attribution{font-family:"Estedad",Tahoma,sans-serif;font-size:8px;direction:ltr;border-radius:8px 0 0 0}
.contactx-leaflet-map .leaflet-control-zoom{border:0!important;box-shadow:0 8px 24px rgba(24,51,82,.16)!important}
.contactx-leaflet-map .leaflet-control-zoom a{width:34px;height:34px;line-height:34px;border:0!important;color:#2e4b6d;background:rgba(255,255,255,.96)}
.contactx-leaflet-map .leaflet-control-zoom a:first-child{border-radius:11px 11px 0 0}.contactx-leaflet-map .leaflet-control-zoom a:last-child{border-radius:0 0 11px 11px}
.contactx-div-marker{background:transparent!important;border:0!important;overflow:visible!important}
.contactx-leaflet-marker{position:relative;width:210px;height:78px;transform:translateX(-8px);pointer-events:none;font-family:"Estedad",Tahoma,sans-serif}
.contactx-marker-label{position:absolute;left:50%;top:0;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:max-content;max-width:205px;min-height:34px;padding:7px 13px;border:1px solid rgba(49,84,135,.16);border-radius:13px;background:rgba(255,255,255,.97);color:#183554;font-size:10px;font-weight:950;white-space:nowrap;box-shadow:0 9px 25px rgba(26,54,88,.18)}
.contactx-marker-label:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%) rotate(45deg);width:11px;height:11px;background:#fff;border-right:1px solid rgba(49,84,135,.14);border-bottom:1px solid rgba(49,84,135,.14)}
.contactx-marker-pin{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);z-index:3;width:42px;height:42px;border:4px solid #fff;border-radius:50% 50% 50% 8px;background:linear-gradient(135deg,#3478ee,#6758df);color:#fff;display:grid;place-items:center;font-size:15px;box-shadow:0 8px 22px rgba(50,82,177,.34);rotate:-45deg}
.contactx-marker-pin i{rotate:45deg}.contactx-marker-pulse{position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);width:46px;height:14px;border-radius:50%;background:rgba(45,104,220,.19);filter:blur(1px);animation:contactxPulse 2.2s ease-in-out infinite}
@keyframes contactxPulse{0%,100%{transform:translateX(-50%) scale(.8);opacity:.45}50%{transform:translateX(-50%) scale(1.15);opacity:.14}}
.contactx-map-coordinate{position:absolute;z-index:500;left:12px;bottom:12px;display:flex;align-items:center;gap:7px;max-width:calc(100% - 24px);padding:8px 10px;border:1px solid rgba(255,255,255,.86);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 9px 24px rgba(27,50,80,.16);backdrop-filter:blur(12px);font:800 8px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#39516e}
.contactx-map-coordinate>i{color:#3677eb}.contactx-map-coordinate span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contactx-map-coordinate button{width:28px;height:28px;min-width:28px;border:0;border-radius:9px;background:#edf3ff;color:#3977ee;display:grid;place-items:center;cursor:pointer}
.contactx-map-coordinate button.is-copied{background:#e4f8ee;color:#178b63}
.contactx-map-noscript{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#eef3f8;color:#53667c;text-align:center}
.contactx-route-panel{display:flex;flex-direction:column;padding:20px}
.contactx-route-title{display:flex;align-items:center;gap:11px;margin-bottom:8px}.contactx-route-icon{width:48px;height:48px;min-width:48px;border-radius:16px;background:linear-gradient(135deg,#3478ed,#7058dc);color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 10px 24px rgba(67,86,202,.20)}.contactx-route-title>div{display:flex;flex-direction:column}.contactx-route-title small{font-size:8px;color:#8c98aa;font-weight:850}.contactx-route-title h3{margin:1px 0 0;font-size:17px;color:#263e5d}.contactx-route-address{display:flex;gap:7px;align-items:flex-start;margin:4px 0 14px!important;padding:10px 11px;border-radius:14px;background:#f6f9fd;color:#64748b!important}.contactx-route-address i{margin-top:3px;color:#e15667}.contactx-route-address span{font-size:9px;line-height:1.8;font-weight:750}
.contactx-route-grid{display:grid;grid-template-columns:1fr;gap:8px}.contactx-route-grid>a{--route:#3977ee;min-height:62px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--route) 18%,#e0e8f2);border-radius:16px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--route) 4%,#fff));color:#29415f;text-decoration:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.contactx-route-grid>a:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--route) 38%,#dce5f0);box-shadow:0 10px 24px color-mix(in srgb,var(--route) 10%,transparent)}.contactx-route-grid .route-brand{width:40px;height:40px;border-radius:13px;background:color-mix(in srgb,var(--route) 11%,#fff);color:var(--route);display:grid;place-items:center;font-size:15px}.contactx-route-grid>a>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.contactx-route-grid small{font-size:8px;color:#8a96a8;font-weight:750}.contactx-route-grid strong{font-size:10px;color:#2a4362;font-weight:950}.contactx-route-grid .route-out{font-size:9px;color:#9aa6b7}.route-google{--route:#4285f4!important}.route-neshan{--route:#16a98a!important}.route-balad{--route:#ef8d35!important}.route-waze{--route:#31a8dd!important}.route-osm{--route:#669b43!important}
@media(min-width:640px){.contactx-route-grid{grid-template-columns:1fr 1fr}.contactx-route-grid>a:last-child{grid-column:1/-1}}
@media(min-width:900px){.contactx-map-layout-v2170{grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr)}.contactx-leaflet-card{min-height:520px}.contactx-route-panel{padding:26px}.contactx-route-grid{grid-template-columns:1fr}.contactx-route-grid>a:last-child{grid-column:auto}}
@media(max-width:520px){.contactx-leaflet-card{min-height:360px;border-radius:20px}.contactx-marker-label{font-size:9px;max-width:184px;padding:6px 10px}.contactx-map-coordinate{right:10px;left:10px;justify-content:center}.contactx-route-panel{padding:16px}.contactx-route-grid>a{min-height:58px;border-radius:14px}}
@media(prefers-reduced-motion:reduce){.contactx-marker-pulse{animation:none}}
html[data-theme="dark"] .contactx-route-title h3,html[data-theme="dark"] .contactx-route-grid strong{color:#eef5ff}html[data-theme="dark"] .contactx-route-address{background:#14253d!important;color:#aab7c9!important}html[data-theme="dark"] .contactx-route-grid>a{background:#14253d;border-color:#2a4161;color:#eef5ff}html[data-theme="dark"] .contactx-route-grid .route-brand{background:#192d49}html[data-theme="dark"] .contactx-map-coordinate{background:rgba(15,29,49,.94);border-color:rgba(116,149,201,.24);color:#dbe8f7}