.cpi-social-top{position:fixed;inset:0 0 auto;z-index:80;height:38px;background:#4d0b20;color:#fff3df;border-bottom:1px solid #fff3df18}
.cpi-social-top-inner{display:flex;align-items:center;justify-content:flex-end;gap:18px;height:38px}
.cpi-social-caption{font-size:.65rem;letter-spacing:.035em;color:#e6c89f}
.cpi-social-top nav{display:flex;gap:6px;align-items:center}
.cpi-social-top a{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s,color .2s}
.cpi-social-top a svg{width:16px;height:16px}
.cpi-social-top a:hover{background:#ffffff18;color:#e6c89f}
.cpi-social-header{top:38px!important}
main{padding-top:38px}
.cpi-whatsapp-float{position:fixed;bottom:26px;inset-inline-end:26px;z-index:70;display:flex;align-items:center;justify-content:center;gap:11px;padding:16px 20px;min-height:58px;border:1px solid #ffffff66;border-radius:999px;background:#126b45;color:white;box-shadow:0 8px 28px #123d3233;transition:background .2s,transform .2s;text-decoration:none}
.cpi-whatsapp-float svg{width:27px;height:27px;flex:none}
.cpi-whatsapp-caption{font-size:.85rem;font-weight:600}
.cpi-whatsapp-float:hover{background:#0e5637;transform:translateY(-3px)}
.cpi-social-top a:focus-visible,.cpi-whatsapp-float:focus-visible{outline:3px solid #d8b47f;outline-offset:3px}
body:has(button[aria-expanded=true]) .cpi-whatsapp-float{visibility:hidden}
@media(max-width:640px){.cpi-social-top-inner{justify-content:space-between;gap:10px}.cpi-whatsapp-float{inset-inline-end:16px;bottom:calc(18px + env(safe-area-inset-bottom));width:56px;height:56px;min-height:56px;padding:14px}.cpi-whatsapp-caption{display:none}body:has(.cpi-mobile-enquiry) .cpi-whatsapp-float{bottom:calc(108px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.cpi-whatsapp-float,.cpi-social-top a{transition:none}}

/* Arabic letterforms must remain connected; disable inherited tracking. */
html[lang="ar"],html[lang="ar"] body,html[lang="ar"] body *{letter-spacing:0px!important}
html[lang="ar"] body *::before,html[lang="ar"] body *::after{letter-spacing:0px!important}

/* Sharper WhatsApp mark with a balanced white ring and soft elevation. */
.cpi-whatsapp-float{background:#168b55;border:2px solid #fff;box-shadow:0 6px 20px #123d322b,0 2px 5px #123d321a;gap:12px}
.cpi-whatsapp-float svg{width:30px;height:30px;display:block}
.cpi-whatsapp-float:hover{background:#117344;box-shadow:0 9px 25px #123d3238}
@media(max-width:640px){.cpi-whatsapp-float{width:58px;height:58px;min-height:58px;padding:12px}.cpi-whatsapp-float svg{width:30px;height:30px}}