/* MEGA Help Center — mega-help 1.0.0. Builds on MEGA Theme tokens (navy/gold, Naskh display). Logical properties only (RTL + LTR). */
.mgh-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mgh-sec{padding-block:clamp(48px,7vw,96px)}
.mgh-sub{color:var(--mut);margin:-2px 0 20px}

/* ---------- hero + search */
.mgh-hero{padding-bottom:clamp(64px,8vw,104px)}
.mgh-hero h1{max-width:none;margin-bottom:10px}
.mgh-hero .lede{max-width:64ch}
.mgh-search{position:relative;display:flex;align-items:center;gap:8px;max-width:760px;margin-top:22px;padding:6px;border-radius:999px;background:#fff;box-shadow:0 22px 50px -24px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.2)}
.mgh-search-big{margin-top:28px;padding:8px}
.mgh-search-ic{display:grid;place-items:center;padding-inline-start:12px;color:var(--navy);flex:none}
.mgh-search input{flex:1;min-width:0;border:0;background:transparent;font:500 1.05rem/1.4 var(--f-body);color:var(--black);padding:12px 4px;outline:none;-webkit-appearance:none;appearance:none}
.mgh-search-big input{font-size:1.15rem;padding:14px 4px}
.mgh-search input::placeholder{color:#8B8CA0}
.mgh-search input::-webkit-search-cancel-button{cursor:pointer}
.mgh-search .btn{min-height:46px;flex:none}
.mgh-search-big .btn{min-height:54px;padding-inline:1.8em;font-size:1.02rem}
.mgh-search:focus-within{box-shadow:0 22px 50px -24px rgba(0,0,0,.65),0 0 0 3px var(--yel)}
.mgh-phead .mgh-search{margin-top:26px}
.mgh-live{position:absolute;inset-inline:0;top:calc(100% + 8px);z-index:30;max-height:min(70vh,520px);overflow:auto;background:#fff;border-radius:var(--r-l);box-shadow:0 30px 60px -22px rgba(10,9,32,.55),0 0 0 1px var(--line);padding:8px;text-align:start}
.mgh-live a{display:block;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--body)}
.mgh-live a[aria-selected=true],.mgh-live a:hover{background:var(--ivory2)}
.mgh-live b{display:block;color:var(--black);font:600 1rem/1.45 var(--f-head)}
.mgh-live small{display:block;color:var(--mut);font-size:.86rem;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mgh-live .mgh-live-c{display:inline-block;margin-bottom:2px;color:var(--gold-t);font-size:.78rem;font-weight:600}
.mgh-live mark{background:#FFF0B8;color:inherit;border-radius:3px;padding:0 1px}
.mgh-live .mgh-live-all{display:flex;justify-content:center;font-weight:600;color:var(--navy);border-top:1px solid var(--line2);border-radius:0 0 12px 12px;margin-top:4px}
.mgh-live p{margin:0;padding:14px 12px;color:var(--mut)}
.mgh-sug{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0;font-size:.92rem;color:rgba(255,255,255,.7)}
.mgh-sug a{padding:5px 12px;border-radius:999px;border:1px solid var(--line-d);color:var(--champ);text-decoration:none;background:rgba(255,255,255,.04)}
.mgh-sug a:hover{color:#fff;border-color:var(--champ)}

/* ---------- language note (ur/fr/it) */
.mgh-note-wrap{margin-top:28px}
.mgh-langnote{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r);background:var(--cream);color:#5A4300;border:1px solid #F1D98A;margin-bottom:22px}
.mgh-langnote p{margin:0;line-height:1.65}.mgh-langnote .ic{flex:none;margin-top:3px;color:var(--gold-t)}

/* ---------- categories */
.mgh-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.mgh-cat{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:2px 16px;height:100%;padding:22px;border:1px solid var(--line);border-radius:var(--r-l);background:#fff;text-decoration:none;color:var(--body);box-shadow:var(--sh);transition:transform .3s var(--ease),border-color .3s}
.mgh-cat:hover{transform:translateY(-3px);border-color:#DCC58A;color:var(--body)}
.mgh-cat-ic{grid-row:1/4;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(150deg,var(--navy),var(--ink));color:var(--yel);box-shadow:0 10px 24px -14px rgba(35,35,122,.9)}
.mgh-cat-n{font:700 1.3rem/1.45 var(--f-disp);color:var(--black)}
body.lang-en .mgh-cat-n,body.lang-fr .mgh-cat-n,body.lang-it .mgh-cat-n{font:600 1.08rem/1.35 var(--f-head)}
.mgh-cat-d{color:var(--mut);font-size:.94rem;line-height:1.6}
.mgh-cat-c{display:inline-flex;align-items:center;gap:4px;margin-top:10px;color:var(--navy);font-weight:600;font-size:.9rem}

/* ---------- popular + videos */
.mgh-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,64px);align-items:start}
.mgh-pop{counter-reset:p;display:grid;gap:2px;margin-top:14px}
.mgh-pop li{counter-increment:p}
.mgh-pop a{display:grid;grid-template-columns:2.4em minmax(0,1fr);align-items:baseline;gap:8px;padding:12px 6px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--black);font-weight:600;line-height:1.55}
.mgh-pop a::before{content:counter(p,decimal-leading-zero);font:700 1.05rem/1 var(--f-head);color:var(--gold)}
.mgh-pop a:hover{color:var(--navy);background:rgba(255,255,255,.6)}
.mgh-vmini{display:grid;gap:18px;margin-top:14px}
.mgh-vmini .mgh-video-cap p{display:none}

/* ---------- video (lazy) */
.mgh-video{border-radius:var(--r-l);overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.mgh-video-btn{position:relative;display:block;width:100%;padding:0;border:0;background:var(--ink);cursor:pointer;aspect-ratio:16/9}
.mgh-video-btn img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease),opacity .3s}
.mgh-video-btn:hover img{transform:scale(1.02)}
.mgh-video-btn[disabled]{cursor:not-allowed}.mgh-video-btn[disabled] img{opacity:.55;filter:grayscale(.4)}
.mgh-play{position:absolute;top:50%;left:50%;translate:-50% -50%;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,#FFE08A,var(--yel) 45%,var(--gold));color:var(--black);box-shadow:0 16px 36px -10px rgba(0,0,0,.6);transition:transform .25s var(--ease)}
.mgh-play .ic{margin-inline-start:4px}[dir=rtl] .mgh-play .ic{margin-inline-start:0;margin-inline-end:-4px}
.mgh-video-btn:hover .mgh-play{transform:scale(1.07)}
.mgh-video-btn[disabled] .mgh-play{background:#BDB7A6}
.mgh-dur{position:absolute;bottom:10px;inset-inline-end:10px;padding:2px 9px;border-radius:999px;background:rgba(10,9,32,.82);color:#fff;font:600 .82rem/1.6 var(--f-body)}
.mgh-video video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.mgh-video-cap{padding:14px 18px 16px}
.mgh-video-cap h2,.mgh-video-cap h3{margin:0 0 4px;font:700 1.15rem/1.5 var(--f-head);color:var(--black)}
.mgh-video-cap p{margin:0 0 6px;color:var(--mut);font-size:.88rem}
.mgh-vgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.mgh-art-video{margin-bottom:30px}
.mgh-art-video .mgh-video-cap h2{font-size:1.1rem;border:0;padding:0}

/* ---------- what's new */
.mgh-rel{display:grid;gap:12px}
.mgh-rel-i{border:1px solid var(--line);border-radius:var(--r-l);background:#fff;padding:0 20px}
.mgh-rel-i[open]{box-shadow:var(--sh);border-color:#E9D9A6}
.mgh-rel-i summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:18px 0;cursor:pointer;list-style:none}
.mgh-rel-i summary::-webkit-details-marker{display:none}
.mgh-rel-i summary::after{content:"+";margin-inline-start:auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #DCCFA6;color:var(--black)}
.mgh-rel-i[open] summary::after{content:"−";background:var(--yel);border-color:var(--yel)}
.mgh-rel-v{padding:3px 12px;border-radius:999px;background:var(--black);color:var(--yel);font:700 .9rem/1.5 var(--f-head)}
.mgh-rel-i time{color:var(--mut);font-size:.9rem}
.mgh-rel-t{flex-basis:100%;font:700 1.15rem/1.5 var(--f-head);color:var(--black)}
.mgh-rel-i ul{list-style:none;display:grid;gap:8px;padding:0 0 20px;margin:0}
.mgh-rel-i li{position:relative;padding-inline-start:22px;line-height:1.7}
.mgh-rel-i li::before{content:"";position:absolute;inset-inline-start:2px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.mgh-rel-i li a{font-weight:600;white-space:nowrap}

/* ---------- contact strip */
.mgh-contact{background:var(--ink);color:rgba(255,255,255,.78);padding-block:clamp(44px,6vw,72px);border-top:1px solid var(--line-d);position:relative;isolation:isolate;overflow:hidden}
.mgh-contact::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 120% at 85% 0%,rgba(52,52,168,.55),transparent 70%),radial-gradient(40% 90% at 10% 100%,rgba(224,168,0,.18),transparent 70%)}
.mgh-contact-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:center}
.mgh-contact h2{color:#fff;margin:0 0 6px;font:700 clamp(1.8rem,3.4vw,2.6rem)/1.35 var(--f-disp)}
body.lang-en .mgh-contact h2,body.lang-fr .mgh-contact h2,body.lang-it .mgh-contact h2{font:600 clamp(1.5rem,2.6vw,2rem)/1.25 var(--f-head)}
.mgh-contact p{margin:0;max-width:60ch}
.mgh-contact-more{margin-top:12px!important}.mgh-contact-more a{display:inline-flex;align-items:center;gap:6px;color:var(--champ);font-weight:600}
.mgh-contact-act{display:flex;flex-wrap:wrap;gap:10px}

/* ---------- category / search pages */
.mgh-ph-row{display:flex;gap:18px;align-items:flex-start}
.mgh-ph-ic{display:grid;place-items:center;flex:none;width:64px;height:64px;margin-top:8px;border-radius:20px;background:rgba(255,194,26,.12);border:1px solid var(--line-d);color:var(--yel)}
.mgh-phead h1{font-size:clamp(2.2rem,5vw,4rem)}
body.lang-en .mgh-phead h1{font-size:clamp(2rem,4.2vw,3.2rem)}
.mgh-cat-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(28px,5vw,56px);align-items:start;padding-block:clamp(36px,5vw,64px)}
.mgh-cat-main{min-width:0}
.mgh-count{color:var(--mut);margin:0 0 14px}
.mgh-alist{display:grid;gap:12px}
.mgh-alist-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.mgh-acard{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-l);background:#fff;text-decoration:none;color:var(--body);transition:border-color .25s,transform .25s var(--ease),box-shadow .25s}
.mgh-acard:hover{border-color:#DCC58A;transform:translateY(-2px);box-shadow:var(--sh);color:var(--body)}
.mgh-acard-t{font:700 1.12rem/1.55 var(--f-head);color:var(--black)}
.mgh-acard-d{color:var(--mut);font-size:.95rem;line-height:1.65}
.mgh-card-cat{color:var(--gold-t);font-size:.8rem;font-weight:600}
.mgh-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.mgh-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;background:var(--ivory2);color:var(--body);font-size:.78rem;font-weight:600}
.mgh-badge-v{background:var(--black);color:var(--yel)}
.mgh-badge-l{background:#EEF0FF;color:var(--navy)}
.mgh-side{position:sticky;top:100px;display:flex;flex-direction:column;gap:14px}
.mgh-side nav{padding:16px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.mgh-side nav b{display:block;color:var(--black);margin:0 4px 8px}
.mgh-side nav a{display:flex;align-items:center;gap:10px;padding:8px 8px;border-radius:10px;text-decoration:none;color:var(--body);font-size:.95rem;line-height:1.45}
.mgh-side nav a .ic{color:var(--gold);flex:none}
.mgh-side nav a:hover{background:var(--ivory2);color:var(--black)}
.mgh-side nav a[aria-current]{background:var(--black);color:#fff}.mgh-side nav a[aria-current] .ic{color:var(--yel)}
.mgh-side-v{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--r);background:var(--ink);color:#fff;text-decoration:none;font-weight:600}
.mgh-side-v:hover{color:var(--yel)}.mgh-side-v .ic{color:var(--yel)}

/* ---------- article */
.mgh-meta .mgh-ver{padding:2px 10px;border-radius:999px;border:1px solid var(--line-d);color:var(--champ)}
.mgh-art .post-chips .bchip{text-decoration:none}
.mgh-body{font-size:1.06rem}
.mgh-body>p:first-child{margin-top:0}
.mgh-body h2{margin-top:1.6em}
.mgh-body h2:first-child{margin-top:0}
.mgh-ui{font-weight:600;color:var(--black)}
.mgh-body code{padding:1px 6px;border-radius:6px;background:var(--ivory2);font-size:.9em;unicode-bidi:isolate}
.mgh-steps{list-style:none!important;padding:0!important;margin:1.2em 0 1.6em;counter-reset:st;display:grid;gap:4px}
.mgh-steps>li{counter-increment:st;position:relative;padding-inline-start:54px;padding-bottom:18px;scroll-margin-top:100px}
.mgh-steps>li::before{content:counter(st);position:absolute;inset-inline-start:0;top:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#FFE08A,var(--yel) 45%,var(--gold));color:var(--black);font:700 1rem/1 var(--f-head);box-shadow:0 8px 18px -10px rgba(224,168,0,.9)}
.mgh-steps>li::after{content:"";position:absolute;inset-inline-start:17.5px;top:42px;bottom:4px;width:1px;background:linear-gradient(var(--line),transparent)}
.mgh-steps>li:last-child::after{display:none}
.mgh-step>p{margin:4px 0 .5em}
.mgh-step ul{list-style:disc;padding-inline-start:1.2em;margin:0 0 .6em;color:var(--body)}
.mgh-step ul li{margin-bottom:.25em}
.mgh-fig{margin:14px 0 6px}
.mgh-fig a{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 1px 2px rgba(20,20,40,.05),0 22px 44px -28px rgba(35,35,122,.45);cursor:zoom-in}
.mgh-fig img{display:block;width:100%;height:auto;border-radius:0!important}
.mgh-fig figcaption{margin-top:8px;color:var(--mut);font-size:.88rem;line-height:1.6}
.mgh-fig-phone{max-width:340px}
.mgh-call{display:flex;gap:12px;align-items:flex-start;margin:1.2em 0;padding:14px 16px;border-radius:var(--r);line-height:1.75;font-size:1rem}
.mgh-call .ic{flex:none;margin-top:4px}
.mgh-call>div>b{margin-inline-end:4px}
.mgh-call-note{background:#EEF0FF;color:#20205F;border:1px solid #D6D9FA}.mgh-call-note .ic{color:var(--navy)}
.mgh-call-warn{background:#FFF1EF;color:#6E1D16;border:1px solid #F6C9C2}.mgh-call-warn .ic{color:var(--err)}
.mgh-call-tip{background:var(--cream);color:#5A4300;border:1px solid #F1D98A}.mgh-call-tip .ic{color:var(--gold-t)}
.mgh-list{list-style:disc!important;padding-inline-start:1.3em!important}
.mgh-list li{margin-bottom:.4em}
ol.mgh-list{list-style:decimal!important}
.mgh-tbl{overflow-x:auto;margin:1.2em 0;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.mgh-tbl table{display:table!important;margin:0!important;width:100%;border-collapse:collapse;font-size:.95rem}
.mgh-tbl th,.mgh-tbl td{border:0!important;border-bottom:1px solid var(--line2)!important;padding:10px 14px!important;text-align:start;vertical-align:top}
.mgh-tbl thead th{background:var(--ivory2)}
.mgh-tbl tbody th{font-weight:600;color:var(--black);background:transparent;white-space:nowrap}
.mgh-tbl tr:last-child>*{border-bottom:0!important}
.mgh-shotnote{color:var(--mut);font-size:.85rem;margin:6px 0 0}
.mgh-faq{margin-top:36px}
.mgh-side-tools{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.mgh-tool{display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:10px;background:transparent;font:600 .93rem/1.4 var(--f-body);color:var(--body);cursor:pointer;text-align:start}
.mgh-tool:hover{background:var(--ivory2);color:var(--black)}.mgh-tool .ic{color:var(--gold)}
.mgh-art-side .post-langs a{margin:0 0 6px 6px}

/* ---------- feedback */
.mgh-fb{margin-top:40px;padding:22px 24px;border-radius:var(--r-l);background:linear-gradient(160deg,#fff,var(--ivory2));border:1px solid var(--line)}
.mgh-fb-q{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}
.mgh-fb h2{margin:0;font:700 1.35rem/1.4 var(--f-head);color:var(--black);border:0;padding:0}
.mgh-fb-btns{display:flex;gap:10px}
.mgh-fb-b{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:.5em 1.3em;border-radius:999px;border:1px solid #CFC6AE;background:#fff;font:600 1rem/1.2 var(--f-body);color:var(--black);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.mgh-fb-b:hover{border-color:var(--black)}
.mgh-fb-no .ic{transform:scaleY(-1)}
.mgh-fb-b[aria-pressed=true]{background:var(--black);border-color:var(--black);color:var(--yel)}
.mgh-fb-b:disabled{cursor:default}
.mgh-fb-why{margin-top:16px}.mgh-fb-why p{margin:0 0 8px;font-weight:600;color:var(--black)}
.mgh-fb-rs{display:flex;flex-wrap:wrap;gap:8px}
.mgh-fb-r{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font:500 .92rem/1.3 var(--f-body);color:var(--body);cursor:pointer}
.mgh-fb-r:hover,.mgh-fb-r[aria-pressed=true]{border-color:var(--gold);background:var(--cream);color:var(--black)}
.mgh-fb-msg{margin:12px 0 0;font-weight:600;color:var(--ok)}.mgh-fb-msg:empty{display:none}
.mgh-fb-msg.err{color:var(--err)}
.mgh-fb-p{margin:10px 0 0;color:var(--mut);font-size:.82rem}

/* ---------- lightbox */
.mgh-lb{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:clamp(10px,3vw,40px);background:rgba(6,5,26,.88);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.mgh-lb img{max-width:100%;max-height:calc(100vh - 80px);width:auto;height:auto;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.6);background:#fff}
.mgh-lb button{position:absolute;top:14px;inset-inline-end:14px;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-d);background:rgba(255,255,255,.08);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}

/* ---------- responsive */
@media (max-width:1000px){.mgh-cats{grid-template-columns:repeat(2,minmax(0,1fr))}.mgh-two{grid-template-columns:1fr}.mgh-alist-3{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.mgh-cat-grid{grid-template-columns:minmax(0,1fr)}.mgh-side{position:static}.mgh-contact-in{grid-template-columns:1fr}}
@media (max-width:760px){.mgh-vgrid{grid-template-columns:1fr}}
@media (max-width:640px){
  .mgh-cats{grid-template-columns:1fr;gap:12px}
  .mgh-cat{padding:16px;grid-template-columns:44px minmax(0,1fr);gap:2px 12px}.mgh-cat-ic{width:44px;height:44px;border-radius:13px}
  .mgh-alist-3{grid-template-columns:1fr}
  .mgh-search{border-radius:22px;flex-wrap:wrap;padding:6px}
  .mgh-search-ic{display:none}
  .mgh-search input{flex:1 1 100%;padding:12px 12px}
  .mgh-search .btn{flex:1 1 100%;min-height:48px}
  .mgh-ph-row{flex-direction:column;gap:10px}.mgh-ph-ic{width:52px;height:52px;margin:0}
  .mgh-steps>li{padding-inline-start:44px}.mgh-steps>li::before{width:32px;height:32px}.mgh-steps>li::after{inset-inline-start:15.5px}
  .mgh-contact-act .btn{flex:1 1 100%}
  .mgh-fb{padding:18px}.mgh-fb-btns{width:100%}.mgh-fb-b{flex:1;justify-content:center}
  .mgh-tbl tbody th{white-space:normal}
}

/* ---------- print: the article only */
@media print{
  .site-head,.site-foot,.mbar,.mgh-contact,.mgh-art-side,.mgh-fb,.mgh-rel-sec,.mgh-art-video,.crumbs,.mgc-fab,.mgc-panel,[class*=mgc-]{display:none!important}
  .phead{background:none!important;color:#000!important;padding:0 0 12px!important}.phead::before,.phead::after{display:none!important}
  .phead h1,.phead .lede,.post-meta,.post-chips{color:#000!important}
  .post-grid{display:block!important;padding:0!important}
  .mgh-fig a{box-shadow:none}.mgh-steps>li{break-inside:avoid}
}