/* Virtual Legal Guide - Mahmoud Wagdy */
.mwg,.mwg *{box-sizing:border-box}
.mwg-launch{position:fixed;inset-inline-start:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:44;display:none;align-items:center;gap:10px;padding:12px 18px;background:rgba(8,7,6,.92);color:#E3C77A;border:1px solid #C6A15B;font:600 .68rem/1 'Inter',system-ui,sans-serif;letter-spacing:.16em;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:.3s;direction:ltr}
.mwg-launch:hover{background:#C6A15B;color:#080706}
.mwg-launch svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}
.mwg-launch.on{display:flex}
.mwg-dim{position:fixed;inset:0;z-index:58;background:rgba(8,7,6,.72);opacity:0;pointer-events:none;transition:opacity .5s}
.mwg-dim.on{opacity:1;pointer-events:auto}
.mwg{position:fixed;z-index:59;left:0;bottom:calc(84px + env(safe-area-inset-bottom,0px));width:min(560px,100vw);display:flex;align-items:flex-end;gap:0;direction:ltr;pointer-events:none;opacity:0;visibility:hidden;transform:translate3d(0,24px,0);transition:opacity .5s,transform .8s cubic-bezier(.22,1,.36,1),left .9s cubic-bezier(.22,1,.36,1),bottom .9s cubic-bezier(.22,1,.36,1);will-change:transform,left}
.mwg.on{opacity:1;visibility:visible;transform:none}
.mwg>*{pointer-events:auto}
.mwg-ch{position:relative;flex:0 0 auto;width:190px;aspect-ratio:1010/1493;transition:transform .5s}
.mwg.r{flex-direction:row-reverse}
.mwg.r .mwg-ch{transform:scaleX(-1)}
.mwg-br{position:absolute;inset:0;transform-origin:50% 100%;animation:mwgB 4.2s ease-in-out infinite}
.mwg-br img{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 14px 22px rgba(0,0,0,.55))}
.mwg-hand{position:absolute;inset:0;clip-path:polygon(78% 31.5%,97% 31.5%,97% 42%,78% 42%);transform-origin:80.7% 38.9%;animation:mwgH 5.5s ease-in-out infinite}
.mwg-hand img{filter:none}
.mwg-lid{position:absolute;width:4.5%;height:2.6%;border-radius:50%;background:radial-gradient(#e2a67e,#d39468);transform:scaleY(0);transform-origin:50% 0;animation:mwgL 4.6s infinite}
.mwg-lid.a{left:41.7%;top:11.7%;transform:scaleY(0) rotate(-4deg)}
.mwg-lid.b{left:49%;top:12.7%;animation-delay:.02s}
.mwg-bub{position:relative;flex:1 1 auto;min-width:0;max-width:340px;margin:0 0 70px 4px;padding:16px 18px 14px;background:linear-gradient(160deg,#17110D,#080706);border:1px solid #C6A15B;color:#F4EFE6;box-shadow:0 18px 44px rgba(0,0,0,.6),0 0 0 1px rgba(198,161,91,.18) inset;font:400 .88rem/1.55 'Inter',system-ui,sans-serif}
.mwg-bub:before{content:"";position:absolute;left:-9px;bottom:26px;width:16px;height:16px;background:#0f0a08;border-left:1px solid #C6A15B;border-bottom:1px solid #C6A15B;transform:rotate(45deg)}
.mwg.r .mwg-bub{margin:0 4px 70px 0}
.mwg.r .mwg-bub:before{left:auto;right:-9px;transform:rotate(-135deg)}
.mwg-tag{display:flex;align-items:center;gap:8px;margin-bottom:8px;font:600 .58rem/1 'Inter',system-ui,sans-serif;letter-spacing:.2em;color:#C6A15B}
.mwg-tag i{width:0;height:0;border:5px solid transparent;border-bottom:7px solid #E3C77A;border-top:0;animation:mwgP 1.4s ease-in-out infinite}
.mwg-tx{min-height:3.2em;color:#F4EFE6}
.mwg-tx.t:after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:#E3C77A;animation:mwgC .8s steps(1) infinite}
.mwg-dots{display:flex;gap:5px;margin:10px 0 2px}
.mwg-dots i{width:14px;height:2px;background:rgba(198,161,91,.3);transition:.3s}
.mwg-dots i.d{background:#C6A15B}.mwg-dots i.c{background:#E3C77A;width:22px}
.mwg-bt{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mwg-bt button{appearance:none;cursor:pointer;padding:9px 13px;background:transparent;color:#E3C77A;border:1px solid rgba(198,161,91,.6);font:600 .62rem/1 'Inter',system-ui,sans-serif;letter-spacing:.14em;transition:.25s}
.mwg-bt button:hover{border-color:#E3C77A;background:rgba(198,161,91,.14)}
.mwg-bt button.p{background:linear-gradient(135deg,#E3C77A,#C6A15B);color:#080706;border-color:transparent}
.mwg-bt button.p:hover{filter:brightness(1.08)}
.mwg-x{position:absolute;top:6px;right:8px;width:26px;height:26px;background:none;border:0;color:#9a8d78;font-size:1.2rem;line-height:1;cursor:pointer}
.mwg-x:hover{color:#E3C77A}
.mwg.mid{left:50%!important;bottom:50%;width:min(640px,94vw);transform:translate(-50%,50%)}
.mwg.mid .mwg-ch{width:min(270px,36vw)}
.mwg.mid .mwg-bub{margin-bottom:auto;margin-top:auto;align-self:center;max-width:none}
.mwg.mid:not(.on){transform:translate(-50%,calc(50% + 24px))}
.mwg-hl{outline:2px solid #E3C77A!important;outline-offset:8px;box-shadow:0 0 34px rgba(227,199,122,.35);transition:outline-color .4s,box-shadow .4s}
@keyframes mwgB{0%,100%{transform:scale(1,1)}50%{transform:scale(1.008,1.014)}}
@keyframes mwgH{0%,100%{transform:rotate(0)}25%{transform:rotate(-3.5deg)}60%{transform:rotate(2.5deg)}}
@keyframes mwgL{0%,90%,100%{transform:scaleY(0)}93%,96%{transform:scaleY(1)}}
@keyframes mwgP{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes mwgC{50%{opacity:0}}
@media(max-width:820px){
 .mwg{width:100vw;bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 .mwg-ch{width:104px}
 .mwg-bub{margin-bottom:40px;padding:13px 14px 12px;font-size:.8rem;max-width:none}
 .mwg.r .mwg-bub{margin-bottom:40px}
 .mwg-bt button{padding:8px 10px;font-size:.58rem}
 .mwg.mid .mwg-ch{width:min(150px,34vw)}
 .mwg.mid{flex-direction:column;align-items:center}
 .mwg.mid .mwg-bub:before{display:none}
 .mwg.mid .mwg-bub{margin:0}
 .mwg-launch{inset-inline-start:12px;padding:11px 13px;font-size:.6rem}
}
@media(prefers-reduced-motion:reduce){
 .mwg,.mwg-ch,.mwg-dim{transition:none}
 .mwg-br,.mwg-hand,.mwg-lid,.mwg-tag i,.mwg-tx.t:after{animation:none}
}