/* V67 Mobile Drawer V2 — branded, compact, consistent across public pages. */
.staff-portal-link{display:inline-flex!important;align-items:center;gap:6px;margin-inline-start:10px!important;color:#8fa2b6!important;font-size:12px!important}
.staff-portal-link:hover{color:#fff!important}
@media(max-width:900px){
  body{padding-bottom:0!important}
  .mobile-only-quickbar{display:none!important}
  .drawer{right:-380px!important;width:min(350px,90vw)!important;max-width:350px!important;padding:14px 14px calc(18px + env(safe-area-inset-bottom,0px))!important;background:radial-gradient(circle at 85% 8%,rgba(47,125,209,.34),transparent 30%),linear-gradient(155deg,#071d2c 0%,#0a3445 48%,#087e78 100%)!important;box-shadow:-22px 0 56px rgba(3,18,29,.32)!important;border-inline-start:1px solid rgba(255,255,255,.12)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  .drawer.active{right:0!important}
  html[dir="ltr"] .drawer{left:-380px!important;right:auto!important}
  html[dir="ltr"] .drawer.active{left:0!important;right:auto!important}
  .drawer-head{position:relative;height:76px;margin:0 0 14px!important;padding:8px 8px 13px!important;border-bottom:1px solid rgba(255,255,255,.16)!important;background:transparent!important}
  .drawer-head::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:3px;border-radius:999px;background:linear-gradient(90deg,#1fc0b4,#3b91e0);opacity:.9}
  .drawer-head img{width:58px!important;height:58px!important;max-width:58px!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 5px 12px rgba(0,0,0,.18))}
  .drawer-head .mobile-toggle{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:12px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;box-shadow:none!important;backdrop-filter:blur(8px)!important}
  .drawer-head .mobile-toggle svg{width:22px!important;height:22px!important;fill:#fff!important}
  .drawer>a,.drawer>.mm-mobile-primary{display:flex!important;align-items:center!important;gap:11px!important;min-height:47px!important;padding:10px 13px!important;margin:0 0 7px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:14px!important;background:rgba(255,255,255,.075)!important;color:#f6fbfd!important;font-size:14px!important;font-weight:800!important;text-align:start!important;line-height:1.45!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important;backdrop-filter:blur(7px)!important;transition:background-color .16s ease,border-color .16s ease,transform .16s ease!important}
  .drawer>a:hover,.drawer>.mm-mobile-primary:hover{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.22)!important;transform:translateY(-1px)!important}
  .drawer>a i,.drawer>.mm-mobile-primary i{width:22px;text-align:center;color:#74e5dc!important;font-size:16px}
  .drawer>a.active,.drawer>a[aria-current="page"],.drawer>.mm-mobile-primary.active{background:linear-gradient(90deg,rgba(0,150,136,.95),rgba(47,125,209,.92))!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important;box-shadow:0 10px 24px rgba(0,0,0,.16)!important}
  .drawer>a::after,.drawer>.mm-mobile-primary::after{content:"‹";font-size:20px;color:#8de3de;margin-inline-start:auto;line-height:1;opacity:.9}
  html[dir="ltr"] .drawer>a::after,html[dir="ltr"] .drawer>.mm-mobile-primary::after{content:"›"}
  .drawer .drawer-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:14px!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.16)!important}
  .drawer .drawer-actions>a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:45px!important;padding:9px 10px!important;margin:0!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:13px!important;font-size:13px!important;font-weight:900!important;line-height:1.35!important;box-shadow:0 8px 20px rgba(0,0,0,.10)!important;color:#fff!important}
  .drawer .drawer-actions>a::after{content:none!important}
  .drawer .drawer-actions .btn-wa{background:#19b85b!important;color:#fff!important;border-color:#28d46d!important}
  .drawer .drawer-actions .btn-call,.drawer .drawer-actions>a[href^="tel:"]{background:linear-gradient(90deg,#2478c6,#165f9f)!important;color:#fff!important;border-color:#6aa8e5!important;text-shadow:0 1px 1px rgba(0,0,0,.18)!important}
  .drawer .drawer-actions .lang-switch,.drawer .drawer-actions>a[href*="/en/"],.drawer .drawer-actions>a[href="/"]{grid-column:1/-1!important;background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}
  .drawer .drawer-actions .mm-account-entry{grid-column:1/-1!important;background:#f3fbfa!important;color:#066f68!important;border:1px solid #bde7e2!important}
  .overlay{background:rgba(3,18,29,.68)!important;backdrop-filter:blur(4px)!important}
  .floating{display:flex!important;left:12px!important;bottom:14px!important;gap:8px!important;z-index:850!important}
  .float-btn{width:48px!important;height:48px!important;font-size:20px!important;border:3px solid #fff;box-shadow:0 8px 22px rgba(7,29,44,.22)!important}
  .back-top{right:12px!important;bottom:14px!important;width:44px!important;height:44px!important}
  .footer-bottom{padding-bottom:78px!important;line-height:2}
  .staff-portal-link{justify-content:center;margin:5px auto 0!important;width:max-content}
}
@media(max-width:360px){.drawer{width:92vw!important}.drawer>a,.drawer>.mm-mobile-primary{min-height:44px!important;padding-block:9px!important;margin-bottom:6px!important}}
@media(prefers-reduced-motion:reduce){.drawer>a,.drawer>.mm-mobile-primary{transition:none!important}}