/* V3.1 responsive contact tools and modal correction. */
.site-header .brand img,.site-header.scrolled .brand img{filter:none!important}
.quick-tools{width:64px!important;padding:6px!important;align-items:flex-end!important;overflow:visible!important;box-sizing:border-box;gap:5px!important}
.quick-tools a,.quick-tools button{position:relative!important;flex:0 0 auto!important;align-self:flex-end!important;width:48px!important;height:48px!important;padding:0!important;margin:0!important;justify-content:flex-start!important;overflow:hidden!important;background:transparent!important;transition:width .24s ease,background .24s ease,box-shadow .24s ease!important}
.quick-tools a:hover,.quick-tools a:focus-visible,.quick-tools button:hover,.quick-tools button:focus-visible{width:148px!important;background:#102b43!important;box-shadow:0 9px 24px #0003!important;outline:0}
.quick-tools span{flex:0 0 38px!important;min-width:38px!important;width:38px!important;height:38px!important;margin:0 5px!important;color:#fff}
.quick-tools svg{display:block;width:21px;height:21px;fill:currentColor}
.quick-tools b{display:block!important;min-width:0;color:#fff!important;white-space:nowrap;font-size:12px!important;opacity:0;transform:translateX(5px);transition:opacity .18s ease,transform .18s ease}
.quick-tools a:hover b,.quick-tools a:focus-visible b,.quick-tools button:hover b,.quick-tools button:focus-visible b{opacity:1;transform:none}
.quick-tools .quick-map span,.quick-tools .quick-call span{background:#ef2032}
.quick-tools .quick-whatsapp span{background:#20c96b}
.quick-tools .quick-certificates span,.quick-tools .quick-brochure span{background:#fff;color:#11263a}
.modal,.map-modal{z-index:1200!important}
.modal.open,.map-modal.open{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.whatsapp-modal .modal-panel{width:min(590px,calc(100% - 32px));max-height:92vh;overflow:auto;padding:38px;border:1px solid #f4c7cb;border-radius:28px;background:radial-gradient(circle at 92% 5%,#e9fff4 0,transparent 34%),linear-gradient(145deg,#fff,#fffafa);box-shadow:0 34px 100px #0007}
.whatsapp-modal .modal-close{top:24px;right:24px;width:54px;height:54px;color:#fff;background:#ed2032;box-shadow:0 12px 28px #ed203255}
.wa-heading{display:flex;align-items:center;gap:20px;padding-right:58px;margin-bottom:22px}
.wa-heading>span{display:grid;place-items:center;flex:0 0 78px;width:78px;height:78px;border-radius:22px;color:#fff;background:#20c96b;box-shadow:0 15px 30px #20c96b35}
.wa-heading svg{width:48px;height:48px;fill:currentColor}
.wa-heading h2{margin:2px 0 0;font-size:clamp(30px,5vw,48px);line-height:1.02;color:#071a2d}
.whatsapp-modal .modal-panel>p{color:#627487;font-size:17px}
.emirate-list{display:grid;gap:10px;margin-top:22px}
.emirate-list a{align-items:center;padding:15px 18px!important;border:1px solid #dfe7ec!important;border-radius:15px;background:#fff;transition:.2s}
.emirate-list a:hover,.emirate-list a:focus{border-color:#20c96b!important;transform:translateY(-2px);box-shadow:0 10px 26px #071a2d12}
.emirate-list b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eef4f6;color:#071a2d}
.wa-status{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;color:#71818e}
.wa-status i{width:12px;height:12px;border-radius:50%;background:#20c96b;box-shadow:0 0 0 7px #20c96b18}
.map-modal{pointer-events:none}.map-modal.open{pointer-events:auto}.map-modal-panel{max-width:1100px!important;box-shadow:0 34px 100px #0008}
.map-modal-panel>header>button{display:grid;place-items:center;color:#fff;background:#ed2032!important;box-shadow:0 12px 28px #ed203255}
@media(max-width:900px){
 body{padding-bottom:100px}
 .quick-tools{top:auto!important;left:8px!important;right:8px!important;bottom:8px!important;width:auto!important;height:82px!important;transform:none!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;padding:6px 8px!important;border-radius:42px!important;overflow:hidden!important}
 .quick-tools a,.quick-tools button,.quick-tools a:hover,.quick-tools a:focus-visible,.quick-tools button:hover,.quick-tools button:focus-visible{align-self:stretch!important;width:100%!important;height:68px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;transform:none!important}
 .quick-tools span{flex:0 0 36px!important;min-width:36px!important;width:36px!important;height:36px!important;margin:0!important}
 .quick-tools b{position:static!important;display:block!important;opacity:1!important;transform:none!important;font-size:9px!important;line-height:1.05;text-align:center}
 .fixed-quote{bottom:98px!important}
 .map-modal-panel{inset:8px!important;border-radius:22px!important}
}
@media(max-width:520px){
 .quick-tools{left:5px!important;right:5px!important;height:76px!important;padding:5px!important}
 .quick-tools a,.quick-tools button,.quick-tools a:hover,.quick-tools button:hover{height:64px!important}
 .quick-tools span{flex-basis:33px!important;min-width:33px!important;width:33px!important;height:33px!important}
 .quick-tools svg{width:18px;height:18px}
 .quick-tools b{font-size:8px!important}
 .whatsapp-modal .modal-panel{width:calc(100% - 18px);padding:26px 18px;border-radius:22px}
 .whatsapp-modal .modal-close{top:18px;right:18px;width:46px;height:46px}
 .wa-heading{gap:13px;padding-right:46px}.wa-heading>span{flex-basis:58px;width:58px;height:58px;border-radius:17px}.wa-heading svg{width:36px;height:36px}.wa-heading h2{font-size:29px}
 .emirate-list a{padding:12px 14px!important}.map-modal-panel{inset:0!important;border-radius:0!important}
}
@media(prefers-reduced-motion:reduce){.quick-tools a,.quick-tools button,.emirate-list a{transition:none!important}}