/* ============================================================
   Git és GitHub tananyag — a SZIMULÁLT GITHUB webes felülete
   (assets/github-mock.js) — minden osztály gh- előtagú
   ============================================================ */

.gh{
  --gh-bg:#0d1117; --gh-panel:#161b22; --gh-panel2:#1c2129; --gh-line:#30363d; --gh-ink:#e6edf3; --gh-muted:#8d96a0;
  --gh-link:#4493f8; --gh-green:#238636; --gh-green-t:#3fb950; --gh-purple:#8957e5; --gh-purple-t:#a371f7;
  --gh-red:#da3633; --gh-red-t:#f85149; --gh-gray:#6e7681; --gh-orange-t:#d29922;
  --gh-add:rgba(46,160,67,.15); --gh-add-ln:rgba(63,185,80,.3); --gh-del:rgba(248,81,73,.1); --gh-del-ln:rgba(248,81,73,.3); --gh-hunk:rgba(56,139,253,.1);
  --gh-flash:rgba(56,139,253,.1); --gh-flash-line:rgba(56,139,253,.4); --gh-sav:rgba(187,128,9,.15); --gh-sav-line:rgba(187,128,9,.4);
  background:var(--gh-bg); color:var(--gh-ink); border:1px solid var(--gh-line); border-radius:12px; overflow:hidden;
  font-family:-apple-system,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif; font-size:.86rem; line-height:1.5; margin-top:12px; min-width:0;
}
:root[data-theme="light"] .gh{
  --gh-bg:#ffffff; --gh-panel:#f6f8fa; --gh-panel2:#eff2f5; --gh-line:#d1d9e0; --gh-ink:#1f2328; --gh-muted:#59636e;
  --gh-link:#0969da; --gh-green:#1f883d; --gh-green-t:#1a7f37; --gh-purple:#8250df; --gh-purple-t:#8250df;
  --gh-red:#cf222e; --gh-red-t:#d1242f; --gh-gray:#59636e; --gh-orange-t:#9a6700;
  --gh-add:#dafbe1; --gh-add-ln:#aceebb; --gh-del:#ffebe9; --gh-del-ln:#ffcecb; --gh-hunk:#ddf4ff;
  --gh-flash:#ddf4ff; --gh-flash-line:#54aeff66; --gh-sav:#fff8c5; --gh-sav-line:#d4a72c66;
}
.gh *{box-sizing:border-box;}
.gh p{margin:6px 0;}
.gh a{color:var(--gh-link); text-decoration:none; cursor:pointer;}
.gh a:hover{text-decoration:underline;}
.gh strong{color:inherit;}
.gh code{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace; font-size:.85em; background:var(--gh-panel2); border-radius:5px; padding:.1em .35em;}
.gh h3, .gh h4{color:var(--gh-ink); margin:4px 0 8px;}
.gh h3{font-size:1.05rem;} .gh h4{font-size:.95rem;}
.gh .gh-ik{flex:0 0 auto; vertical-align:-3px; margin-right:5px;}
.gh-halv{color:var(--gh-muted); font-size:.82rem;}
.gh-tolto{flex:1 1 auto;}
.gh-ell{min-width:0; flex:1 1 auto; overflow-wrap:anywhere;}
.gh-zold-t{color:var(--gh-green-t);} .gh-piros-t{color:var(--gh-red-t);} .gh-lila-t{color:var(--gh-purple-t);} .gh-narancs-t{color:var(--gh-orange-t);}
.gh-szurke-t{color:var(--gh-gray);}
.gh-figy{color:var(--gh-orange-t);}
.gh-em{color:var(--gh-ink);}

/* ---- böngészősáv, fejléc, fülek ---- */
.gh-cimsor{display:flex; align-items:center; gap:10px; padding:7px 12px; background:var(--gh-panel2); border-bottom:1px solid var(--gh-line);}
.gh-pottyok{display:flex; gap:5px;} .gh-pottyok i{width:9px; height:9px; border-radius:50%; background:var(--gh-line);}
.gh-url{flex:1 1 auto; min-width:0; display:flex; align-items:center; background:var(--gh-bg); border:1px solid var(--gh-line); border-radius:7px;
  padding:2px 10px; font-size:.78rem; color:var(--gh-muted);}
.gh-url span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gh-en{display:flex; align-items:center; gap:6px; font-size:.78rem; color:var(--gh-muted); white-space:nowrap;}
.gh-av{display:inline-grid; place-items:center; width:24px; height:24px; border-radius:50%; color:#10141a; font-weight:800; font-size:.72rem; flex:0 0 auto; vertical-align:middle; margin-right:6px;}
.gh-av-k{width:18px; height:18px; font-size:.6rem; margin-right:4px;}
.gh-fej{display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; padding:12px 14px 4px; background:var(--gh-panel);}
.gh-rnev{display:flex; align-items:center; gap:4px; font-size:1rem; min-width:0; overflow-wrap:anywhere;}
.gh-rnev a{color:var(--gh-link);}
.gh-per{color:var(--gh-muted);}
.gh-lab{display:inline-block; border:1px solid var(--gh-line); border-radius:999px; padding:0 7px; font-size:.72rem; color:var(--gh-muted); margin-left:6px; font-weight:600; vertical-align:middle;}
.gh-forked{flex-basis:100%; font-size:.78rem; color:var(--gh-muted); margin-top:-4px;}
.gh-fejgomb{margin-left:auto; display:flex; gap:6px;}
.gh-fulek{display:flex; gap:2px; padding:0 10px; background:var(--gh-panel); border-bottom:1px solid var(--gh-line); overflow-x:auto; scrollbar-width:thin;}
.gh-fulek button, .gh-alful button{
  display:flex; align-items:center; gap:2px; font:inherit; color:var(--gh-ink); background:none; border:0; border-bottom:2px solid transparent;
  padding:9px 10px; cursor:pointer; white-space:nowrap;
}
.gh-fulek button:hover, .gh-alful button:hover{background:var(--gh-panel2); border-radius:6px 6px 0 0;}
.gh-fulek button[aria-current="page"], .gh-alful button[aria-current="page"]{border-bottom-color:#fd8c73; font-weight:600;}
.gh-szaml{display:inline-block; min-width:18px; padding:0 6px; margin-left:5px; border-radius:999px; background:var(--gh-panel2); border:1px solid var(--gh-line);
  font-size:.72rem; line-height:1.5; text-align:center; color:var(--gh-ink); font-weight:600;}
.gh-tart{padding:14px; min-width:0;}
.gh-ures{padding:26px 12px; text-align:center; color:var(--gh-muted);}
.gh-ures .gh-ik{width:24px; height:24px;}

/* ---- gombok, űrlapok ---- */
.gh-btn{
  font:inherit; font-size:.82rem; font-weight:600; color:var(--gh-ink); background:var(--gh-panel2); border:1px solid var(--gh-line); border-radius:6px;
  padding:5px 12px; cursor:pointer; display:inline-flex; align-items:center; gap:2px; white-space:nowrap; line-height:1.5;
}
.gh-btn:hover{filter:brightness(1.12);}
.gh-btn:disabled{opacity:.5; cursor:not-allowed; filter:none;}
.gh-btn.gh-zold{background:var(--gh-green); border-color:rgba(240,246,252,.1); color:#ffffff;}
.gh-btn.gh-kicsi{padding:3px 10px; font-size:.78rem;}
.gh-btn.gh-ikongomb{padding:2px 7px;}
.gh input[type="text"], .gh input[type="date"], .gh textarea, .gh select{
  font:inherit; font-size:.84rem; color:var(--gh-ink); background:var(--gh-bg); border:1px solid var(--gh-line); border-radius:6px; padding:5px 9px; max-width:100%;
}
.gh textarea{width:100%; resize:vertical; display:block;}
.gh input:focus, .gh textarea:focus, .gh select:focus{outline:2px solid var(--gh-link); outline-offset:-1px;}
.gh-mezo{display:block; margin:8px 0; font-weight:600; font-size:.82rem;}
.gh-mezo input[type="text"], .gh-mezo textarea, .gh-mezo select{display:block; width:100%; margin-top:4px; font-weight:400;}
.gh-radio{display:block; margin:6px 0; font-size:.84rem;}
.gh-radio input{margin-right:6px; accent-color:var(--gh-green);}
.gh-beljebb{margin-left:24px;}
.gh-gombsor{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; margin-top:10px;}
.gh-agval{display:inline-flex; align-items:center; gap:5px; font-size:.8rem; color:var(--gh-muted); flex-wrap:nowrap; max-width:100%;}
.gh-agval select{background:var(--gh-panel2); font-weight:600; min-width:0;}
.gh-flash{padding:9px 12px; border:1px solid var(--gh-flash-line); background:var(--gh-flash); border-radius:6px; margin-bottom:12px;}
.gh-flash-hiba{border-color:var(--gh-red-t); background:var(--gh-del);}

/* ---- dobozok, listák ---- */
.gh-doboz{border:1px solid var(--gh-line); border-radius:6px; padding:12px 14px; margin:10px 0; background:var(--gh-bg); min-width:0;}
.gh-kozep{text-align:center;}
.gh-lista{border:1px solid var(--gh-line); border-radius:6px; margin:10px 0; overflow:hidden;}
.gh-lista-fej{display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:9px 12px; background:var(--gh-panel); border-bottom:1px solid var(--gh-line); font-size:.82rem; min-width:0;}
.gh-lista-fej .gh-ell{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--gh-muted);}
.gh-sor{display:flex; align-items:center; gap:8px; padding:7px 12px; border-top:1px solid var(--gh-line); min-width:0;}
.gh-sor:first-child, .gh-lista-fej + .gh-sor{border-top:0;}
.gh-sor > a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:0 1 auto; min-width:0; color:var(--gh-ink);}
.gh-sor > a:hover{color:var(--gh-link);}
.gh-sor .gh-ell.gh-halv{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gh-sor-ket{align-items:flex-start;}
.gh-sor-ket > span:first-child{margin-top:2px;}
.gh-elemcim{color:var(--gh-ink) !important; font-weight:600;}
.gh-elemcim:hover{color:var(--gh-link) !important;}
.gh-ido{white-space:nowrap;}
.gh-hash{color:var(--gh-muted); white-space:nowrap;}
.gh-szuro button{font:inherit; font-size:.82rem; background:none; border:0; color:var(--gh-muted); cursor:pointer; padding:0 6px;}
.gh-szuro button[aria-pressed="true"]{color:var(--gh-ink); font-weight:600;}
.gh-cimsav{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:8px;}
.gh-cimsav h3{margin:0;}
.gh-kereso{flex:0 1 260px; min-width:0; border:1px solid var(--gh-line); border-radius:6px; padding:4px 10px; color:var(--gh-muted); font-size:.8rem; background:var(--gh-panel);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gh-cimke{display:inline-block; border-radius:999px; padding:0 8px; font-size:.72rem; font-weight:600; line-height:1.6; vertical-align:middle; white-space:nowrap;}
.gh-eszk{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:8px;}
.gh-eszk > a{white-space:nowrap;}
.gh-klon{border:1px solid var(--gh-line); border-radius:6px; padding:10px 12px; margin-bottom:10px; background:var(--gh-panel);}
.gh-klon label{display:flex; align-items:center; gap:8px; margin:5px 0; font-size:.8rem; font-weight:600;}
.gh-klon input{flex:1; min-width:0; font-family:ui-monospace,Consolas,monospace !important; font-size:.78rem !important;}
.gh-klon-f{font-weight:600; margin-bottom:4px;}
.gh-sav, .gh-forksav{display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:9px 12px; border:1px solid var(--gh-sav-line); background:var(--gh-sav); border-radius:6px; margin-bottom:10px;}
.gh-forksav{border-color:var(--gh-line); background:var(--gh-panel);}
.gh-pagessor{font-size:.8rem; color:var(--gh-muted); margin:-2px 0 8px; overflow-wrap:anywhere;}
.gh-readme{border:1px solid var(--gh-line); border-radius:6px; padding:12px 16px; margin-top:10px;}
.gh-readme-f{font-weight:600; font-size:.82rem; border-bottom:1px solid var(--gh-line); padding-bottom:6px; margin-bottom:6px;}
.gh-md{overflow-wrap:anywhere;}
.gh-md ul{margin:4px 0; padding-left:20px;}
.gh-md-cim{font-weight:700; font-size:1rem;}
.gh-kod, .gh pre.gh-kod{background:var(--gh-panel); color:var(--gh-ink); border:1px solid var(--gh-line); border-radius:6px; padding:8px 12px; margin:6px 0; font-size:.8rem;
  font-family:ui-monospace,"Cascadia Mono",Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; box-shadow:none;}
.gh-morzsa{font-size:.95rem; margin-bottom:8px; overflow-wrap:anywhere;}
.gh-fajl{padding:0; overflow:hidden;}
.gh-fajl-f{display:flex; align-items:center; gap:8px; padding:7px 12px; background:var(--gh-panel); border-bottom:1px solid var(--gh-line); font-size:.8rem; color:var(--gh-muted);}
.gh-kodsorok{overflow-x:auto; font-family:ui-monospace,"Cascadia Mono",Consolas,monospace; font-size:.78rem; padding:6px 0;}
.gh-ks{display:flex; white-space:pre;}
.gh-ln{flex:0 0 auto; width:38px; padding-right:8px; text-align:right; color:var(--gh-muted); user-select:none;}
.gh-kt{padding-left:6px;}
.gh-szerk{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace !important; font-size:.8rem !important; white-space:pre; overflow-wrap:normal;}
.gh-statsav{display:flex; flex-wrap:wrap; gap:6px; align-items:center; padding:8px 12px; border:1px solid var(--gh-line); border-radius:6px; background:var(--gh-panel); font-size:.8rem; margin-top:10px;}
.gh-pbar{height:8px; border-radius:4px; background:var(--gh-panel2); overflow:hidden; margin:6px 0 2px; max-width:360px;}
.gh-pbar i{display:block; height:100%; background:var(--gh-green);}

/* ---- összehasonlítás, diff ---- */
.gh-h{font-size:1.15rem !important; font-weight:600; overflow-wrap:anywhere;}
.gh-cmp{display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:9px 12px; border:1px solid var(--gh-line); border-radius:6px; background:var(--gh-panel); margin:10px 0;}
.gh-ujpr{display:flex; gap:10px; align-items:flex-start;}
.gh-diff{border:1px solid var(--gh-line); border-radius:6px; margin:10px 0; overflow:hidden;}
.gh-diff-f{display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:7px 12px; background:var(--gh-panel); border-bottom:1px solid var(--gh-line); font-size:.8rem; overflow-wrap:anywhere;}
.gh-diff-t{overflow-x:auto; font-family:ui-monospace,"Cascadia Mono",Consolas,monospace; font-size:.76rem;}
.gh-d{display:flex; align-items:stretch; white-space:pre; min-width:max-content; position:relative; line-height:1.6;}
.gh-d .gh-ln{width:34px;}
.gh-d-j{flex:0 0 auto; width:16px; text-align:center; color:var(--gh-muted); user-select:none;}
.gh-d-s{padding-right:12px;}
.gh-d-add{background:var(--gh-add);} .gh-d-add .gh-ln{background:var(--gh-add-ln);}
.gh-d-del{background:var(--gh-del);} .gh-d-del .gh-ln{background:var(--gh-del-ln);}
.gh-d-hunk{background:var(--gh-hunk); color:var(--gh-muted); padding:2px 12px 2px 90px;}
.gh-plusz{position:absolute; left:2px; top:1px; width:18px; height:18px; border-radius:5px; border:0; background:var(--gh-link); color:#ffffff; font:700 .8rem/1 sans-serif;
  cursor:pointer; opacity:0; padding:0; z-index:1;}
.gh-d:hover .gh-plusz, .gh-plusz:focus-visible{opacity:1;}
@media (hover:none){ .gh-plusz{opacity:.75;} }
.gh-sormegj{white-space:normal; font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif; font-size:.84rem; border:1px solid var(--gh-line); border-radius:6px;
  margin:6px 10px 8px 40px; padding:8px 12px; background:var(--gh-bg); max-width:620px; position:sticky; left:0;}
.gh-sorurlap textarea{margin-bottom:4px;}
.gh-feloldva{opacity:.7;}
.gh-megj-f{display:flex; flex-wrap:wrap; align-items:center; gap:4px; font-size:.82rem;}
.gh-jav{border:1px solid var(--gh-line); border-radius:6px; overflow:hidden; margin:6px 0; font-family:ui-monospace,"Cascadia Mono",Consolas,monospace; font-size:.76rem;}
.gh-jav-f{font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif; font-size:.76rem; color:var(--gh-muted); padding:4px 10px; background:var(--gh-panel); border-bottom:1px solid var(--gh-line);}
.gh-jav .gh-d{min-width:0; white-space:pre-wrap; overflow-wrap:anywhere;}

/* ---- PR / issue oldal ---- */
.gh-prfej{border-bottom:1px solid var(--gh-line); padding-bottom:10px; margin-bottom:6px;}
.gh-prsor{display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:.84rem; color:var(--gh-muted);}
.gh-prsor strong{color:var(--gh-ink);}
.gh-allapot{display:inline-flex; align-items:center; padding:4px 12px; border-radius:999px; color:#ffffff; font-weight:600; font-size:.82rem;}
.gh-allapot .gh-ik{margin-right:4px;}
.gh-zold{background:var(--gh-green);} .gh-lila{background:var(--gh-purple);} .gh-piros{background:var(--gh-red);} .gh-szurke{background:var(--gh-gray);}
.gh-allapot-mini{display:inline-flex; align-items:center; border-radius:999px; padding:0 8px; color:#ffffff !important; font-size:.74rem; font-weight:600;}
.gh-agjel{background:var(--gh-flash) !important; color:var(--gh-link); overflow-wrap:anywhere;}
.gh-alful{display:flex; gap:2px; border-bottom:1px solid var(--gh-line); margin-bottom:12px; overflow-x:auto;}
.gh-prtest{display:grid; grid-template-columns:minmax(0,1fr) 210px; gap:18px; align-items:start;}
.gh-idovonal{min-width:0;}
.gh-megj{display:flex; gap:4px; margin:10px 0; min-width:0;}
.gh-megj > .gh-av{margin-top:6px;}
.gh-megj-t{flex:1; min-width:0; border:1px solid var(--gh-line); border-radius:6px; overflow:hidden;}
.gh-megj-t > .gh-megj-f{background:var(--gh-panel); border-bottom:1px solid var(--gh-line); padding:6px 12px;}
.gh-megj-t > .gh-md{padding:8px 12px;}
.gh-esem{display:flex; gap:10px; align-items:flex-start; padding:6px 0 6px 12px; margin-left:16px; border-left:2px solid var(--gh-line); font-size:.82rem; min-width:0;}
.gh-esem-ik{flex:0 0 auto; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--gh-panel2); margin-left:-27px; color:var(--gh-muted);}
.gh-esem-ik .gh-ik{margin:0;}
.gh-esem-ik.gh-zold, .gh-esem-ik.gh-lila, .gh-esem-ik.gh-piros{color:#ffffff;}
.gh-esem-ik.gh-zold{background:var(--gh-green);} .gh-esem-ik.gh-lila{background:var(--gh-purple);} .gh-esem-ik.gh-piros{background:var(--gh-red);}
.gh-esem-c{font-size:.8rem; color:var(--gh-muted); padding:2px 0; overflow-wrap:anywhere;}
.gh-sorhiv{margin:4px 0 10px 16px; border:1px solid var(--gh-line); border-radius:6px; padding:6px 8px; overflow:hidden;}
.gh-sorhiv .gh-d{min-width:0; font-family:ui-monospace,Consolas,monospace; font-size:.76rem; white-space:pre-wrap; overflow-wrap:anywhere;}
.gh-sorhiv .gh-sormegj{margin:6px 0 0; position:static;}
.gh-oldal{font-size:.8rem; min-width:0;}
.gh-oldal-b{border-bottom:1px solid var(--gh-line); padding:8px 0;}
.gh-oldal-c{font-weight:600; color:var(--gh-muted); margin-bottom:4px;}
.gh-oldal-cg{display:flex; align-items:center; justify-content:space-between;}
.gh-oldal-s{display:flex; flex-wrap:wrap; align-items:center; gap:4px; margin:3px 0;}
.gh-oldal select{width:100%;}
.gh-cimkevalaszto{display:flex; flex-wrap:wrap; gap:4px 10px; margin-top:4px; font-weight:400;}
.gh-cimkevalaszto label{display:inline-flex; align-items:center; gap:4px; font-size:.8rem; cursor:pointer;}
.gh-merge{border:1px solid var(--gh-line); border-radius:6px; margin:14px 0; overflow:hidden;}
.gh-merge-lila{border-color:var(--gh-purple);}
.gh-merge-s{display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:10px 14px; border-top:1px solid var(--gh-line); min-width:0;}
.gh-merge-s:first-child{border-top:0;}
.gh-merge-s > div{min-width:0; flex:1 1 200px;}
.gh-merge-lila .gh-merge-s > .gh-ik{color:var(--gh-purple-t); width:22px; height:22px;}
.gh-merge-gomb{background:var(--gh-panel);}
.gh-mgomb{display:inline-flex; flex-wrap:wrap; gap:0;}
.gh-mgomb .gh-btn{border-radius:6px 0 0 6px;}
.gh-mgomb select{border-radius:0 6px 6px 0; background:var(--gh-green); color:#ffffff; border-color:rgba(240,246,252,.1); max-width:170px;}
.gh-mgomb select:disabled{opacity:.5;}
.gh-ujmegj{display:flex; gap:4px; margin-top:14px;}
.gh-revpanel{max-width:520px; margin-left:auto;}

/* ---- Projects-tábla ---- */
.gh-tabla{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; margin:10px 0;}
.gh-oszlop{background:var(--gh-panel); border:1px solid var(--gh-line); border-radius:8px; padding:8px; min-width:0; min-height:120px;}
.gh-oszlop-f{padding:2px 4px 8px;}
.gh-kartya{background:var(--gh-bg); border:1px solid var(--gh-line); border-radius:6px; padding:7px 9px; margin-bottom:8px; overflow-wrap:anywhere;}
.gh-kartya > a{color:var(--gh-ink); font-weight:600; display:block; margin:2px 0;}
.gh-kartya-g{display:flex; justify-content:flex-end; gap:4px; margin-top:4px;}
.gh-kartya .gh-av{margin-left:4px;}

/* ---- beállítások ---- */
.gh-beall{display:grid; grid-template-columns:170px minmax(0,1fr); gap:18px;}
.gh-beall-menu{display:flex; flex-direction:column; gap:2px;}
.gh-beall-menu button{font:inherit; text-align:left; background:none; border:0; border-radius:6px; padding:6px 10px; color:var(--gh-ink); cursor:pointer;}
.gh-beall-menu button[aria-current="page"]{background:var(--gh-panel2); font-weight:600; box-shadow:inset 3px 0 0 #fd8c73;}
.gh-beall-t{min-width:0;}

@media (max-width:760px){
  .gh-prtest{grid-template-columns:minmax(0,1fr);}
  .gh-oldal{border-top:1px solid var(--gh-line);}
  .gh-tabla{grid-template-columns:minmax(0,1fr);}
  .gh-beall{grid-template-columns:minmax(0,1fr);}
  .gh-beall-menu{flex-direction:row; flex-wrap:wrap;}
  .gh-sormegj{margin-left:10px;}
}
@media (max-width:520px){
  .gh-tart{padding:10px;}
  .gh-en span{display:none;}
  .gh-sor .gh-ido, .gh-lista-fej .gh-ell{display:none;}
  .gh-ujpr > .gh-av, .gh-ujmegj > .gh-av, .gh-megj > .gh-av{display:none;}
}