.ma{--ma-red:#E30613;--ma-ink:#111;--ma-wa:#25D366;/* WhatsApp colour: one-line switch, e.g. #25D366 */--ma-bd:#ececec;--ma-tint:#fdecee}
.ma .ma-ann{background:#111;color:#fff;font:500 12px Poppins,sans-serif;display:flex;justify-content:center;align-items:center;gap:8px;padding:6px 10px;white-space:nowrap;overflow:hidden}
.ma .ma-ann a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.ma .ma-ann b{color:#ff4a55}.ma .ma-dw{font-weight:700}.ma .ma-dw svg{color:#ff4a55}
.ma .ma-h{background:#fff;border-bottom:1px solid var(--ma-bd);position:sticky;top:0;z-index:60}
.ma .ma-r{display:grid;grid-template-columns:44px 1fr auto;grid-template-areas:"mb logo ic" "s s s";align-items:center;gap:4px 6px;padding:6px 10px 8px}
.ma .ma-mb{grid-area:mb;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;color:var(--ma-ink)}
.ma .ma-logo{grid-area:logo;justify-self:center;display:inline-flex}.ma .ma-logo img{height:32px;width:auto;display:block}
.ma .ma-ic{grid-area:ic;display:flex;align-items:center}.ma .ma-ic a{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--ma-ink);text-decoration:none;font:600 13px Poppins,sans-serif;position:relative}
.ma .ma-wa{color:var(--ma-wa)!important}
.ma .ma-s{grid-area:s;display:flex;height:46px;border:1.5px solid var(--ma-ink);border-radius:12px;overflow:hidden;background:#fff}
.ma .ma-s input[name=s]{flex:1;min-width:0;border:0;outline:0;padding:0 14px;font:500 14px Poppins,sans-serif;background:none}
.ma .ma-s button{width:52px;border:0;background:var(--ma-red);color:#fff;display:grid;place-items:center;cursor:pointer}
.ma .ma-dk{display:none!important}
.ma .ma-who .ma-l,.ma .ma-what{display:none}
.ma .ma-l{display:block;font:700 11px Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ma-red)}
.ma .ma-who{padding:0 0 8px}.ma .ma-in{width:100%}
.ma .ma-wl{display:flex;gap:8px;overflow-x:auto;padding:0 10px;scrollbar-width:none}.ma .ma-wl::-webkit-scrollbar{display:none}
.ma .ma-wl a{flex:0 0 auto;display:flex;align-items:center;gap:6px;border:1.5px solid var(--ma-bd);border-radius:999px;padding:5px 12px 5px 6px;text-decoration:none;color:var(--ma-ink);font:600 13px Poppins,sans-serif;min-height:40px}
.ma .ma-wl small{display:none}.ma .ma-wl b{font-weight:600}
.ma .ma-i{width:30px;height:30px;border-radius:9px;background:var(--ma-tint);color:var(--ma-red);display:grid;place-items:center;flex:0 0 30px}
/* drawer */
.ma .ma-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:90;opacity:0;pointer-events:none;transition:opacity .2s}
.ma .ma-dr{position:fixed;top:0;left:0;bottom:0;width:min(88vw,360px);background:#fff;z-index:91;transform:translateX(-102%);transition:transform .22s;overflow-y:auto;padding-bottom:16px}
.ma .ma-cb:checked~.ma-ov{opacity:1;pointer-events:auto}.ma .ma-cb:checked~.ma-dr{transform:none}
.ma .ma-dh{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 8px 12px;border-bottom:1px solid var(--ma-bd)}.ma .ma-dh img{height:28px}
.ma .ma-x{width:44px;height:44px;display:grid;place-items:center;cursor:pointer}
.ma .ma-dwb{display:flex;align-items:center;gap:8px;margin:10px 12px 0;padding:10px 12px;border-radius:12px;background:#111;color:#fff;text-decoration:none;font:700 13px Poppins,sans-serif}.ma .ma-dwb svg{color:#ff4a55}.ma .ma-dwb span{margin-left:auto}
.ma .ma-dr .ma-l{margin:14px 12px 8px}
.ma .ma-t{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px}
.ma .ma-t a{border:1px solid var(--ma-bd);border-radius:12px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;text-decoration:none;color:var(--ma-ink);font:600 12px/1.2 Poppins,sans-serif;min-height:78px}
.ma .ma-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 12px 0}
.ma .ma-b{height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font:600 13px Poppins,sans-serif}
.ma .ma-red{background:var(--ma-red);color:#fff}.ma .ma-wab{background:var(--ma-wa);color:#fff}.ma .ma-out{border:1.5px solid var(--ma-ink);color:var(--ma-ink)}
/* bottom bar */
.ma .bn{display:none!important}
.ma .ma-bn{position:fixed;left:0;right:0;bottom:0;height:62px;background:#fff;border-top:1px solid var(--ma-bd);display:grid;grid-template-columns:repeat(5,1fr);z-index:70;padding-bottom:env(safe-area-inset-bottom)}
.ma .ma-bn>*{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#444;text-decoration:none;font:500 11px Poppins,sans-serif;cursor:pointer}
.ma .ma-bn .on{color:var(--ma-red)}.ma .ma-bn .ma-c{color:var(--ma-ink)}
.ma .ma-bn .ma-c i{width:50px;height:50px;border-radius:50%;background:var(--ma-red);color:#fff;display:grid;place-items:center;margin-top:-24px;border:3px solid #fff}
@media(min-width:768px){
.ma .ma-r{grid-template-columns:auto 1fr auto;grid-template-areas:"logo s ic";gap:16px;width:min(1152px,calc(100% - 88px));margin:0 auto;padding:10px 0}
.ma .ma-mb{display:none}.ma .ma-logo{justify-self:start}.ma .ma-logo img{height:38px}
.ma .ma-mo{display:none!important}.ma .ma-dk{display:inline-flex!important}
.ma .ma-q{background:var(--ma-red);color:#fff!important;border-radius:10px;padding:0 14px;margin-left:6px}
.ma .ma-who{border-top:1px solid var(--ma-bd);padding:8px 0}.ma .ma-who .ma-in{width:min(1152px,calc(100% - 88px));margin:0 auto;display:flex;align-items:center;gap:16px}
.ma .ma-who .ma-l{display:block;white-space:nowrap}.ma .ma-wl{padding:0;flex:1}
.ma .ma-bn{display:none}
}
@media(min-width:992px){
.ma .ma-wl{justify-content:space-between;overflow:visible}.ma .ma-wl a{border:0;padding:4px 0;border-radius:0}
.ma .ma-wl small{display:block;font:400 11px Poppins,sans-serif;color:#777}.ma .ma-wl b{display:block;font-weight:700}
}
@media(min-width:1200px){
.ma .ma-what{display:block;background:#fafafa;border-top:1px solid var(--ma-bd);padding:6px 0}
.ma .ma-what .ma-in{width:min(1152px,calc(100% - 88px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ma .ma-what a{display:inline-flex;align-items:center;gap:6px;color:var(--ma-ink);text-decoration:none;font:600 13px Poppins,sans-serif;white-space:nowrap;min-height:36px}.ma .ma-what a svg{color:var(--ma-red)}
}
@media(max-width:767px){.ma .ma-dk{display:none!important}.ma main{padding-bottom:70px}}

/* live go-live fixes */
html.tgm-on #header{display:none!important}
body.ma{padding-bottom:0}
@media(max-width:767px){body.ma{padding-bottom:64px}}
@media(min-width:768px) and (max-width:1199px){.ma .ma-ic a:not(.ma-q) span{display:none}.ma .ma-ic{gap:2px}.ma .ma-s{min-width:0}}
@media(min-width:1200px){.ma .ma-ic{gap:12px}}
.ma .ma-ic a.ma-wa{color:#25D366!important}
.ma svg[fill="none"],.ma svg[fill="none"] :not([fill]){fill:none!important}
@media(min-width:768px) and (max-width:1199px){.ma .ma-ic a:not(.ma-q) span{display:none!important}}
html.tgm-on,body.ma{overflow-x:clip}
@media(min-width:768px) and (max-width:1023px){.ma .ma-r{grid-template-columns:auto 1fr;grid-template-areas:"logo ic" "s s";row-gap:8px}.ma .ma-ic{justify-self:end}}
