/* ===== nagos.css – נהגוס: header, wordmark, account window, search, editor and ads (loaded last on every page) ===== */
:root{--ng-t:#0D9488;--ng-t2:#0F766E;--ng-ts:#E6F6F4;--ng-tl:#B7E4DF;--ng-navy:#10284A;--ng-ink:#12223D;--ng-mut:#5B6B82;--ng-line:#DCE4EE;--ng-bg:#F2F5FA}

/* --- the orange preview strip never shows on the real site --- */
.ngnopreview{display:none!important}

/* --- wordmark: נהגוס + tagline --- */
.ngwm{display:inline-grid!important;line-height:1!important;gap:5px;text-align:right}
.ngwm b{display:block!important;font:800 1.85rem/1 Rubik,Assistant,Arial,sans-serif!important;color:var(--ng-navy)!important;letter-spacing:-.01em;white-space:nowrap}
.ngwm small{display:block!important;font:700 .86rem/1 Assistant,Rubik,Arial,sans-serif!important;color:var(--ng-t2)!important;letter-spacing:.02em;white-space:nowrap}
html body #shTop .shbrand.v6b .ngwm b{display:block!important;font-size:1.6rem!important}
html body #shTop .shbrand.v6b .ngwm{display:inline-grid!important}
header.top .logo .ngwm b{font-size:1.55rem!important}
header.top .logo .ngwm small{font-size:.78rem!important}
@media (max-width:860px){.ngwm b,html body #shTop .shbrand.v6b .ngwm b{font-size:1.45rem!important}.ngwm small{font-size:.72rem!important}}
@media (min-width:861px) and (max-width:1380px){html body #shTop .shbrand.v6b .ngwm b{display:block!important}}
@media (max-width:520px){html body #shTop .shbrand.v6b .ngwm{display:inline-grid!important}html body #shTop .shbrand.v6b .ngwm b{display:block!important;font-size:1.3rem!important}html body #shTop .shbrand.v6b .ngwm small{font-size:.66rem!important}}

/* --- header actions: one clean pill group --- */
html body #shTop .hdacts,.ngacts-hdr{display:inline-flex!important;align-items:center!important;gap:2px!important;padding:4px!important;background:var(--ng-bg)!important;border:1px solid var(--ng-line)!important;border-radius:999px!important;box-shadow:none!important;margin-inline-start:auto}
html body #shTop .hdacts{border-inline-start:1px solid var(--ng-line)!important;padding-inline-start:4px!important}
html body #shTop .hdacts .hda,.ngacts-hdr .hda{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;border-radius:50%!important;border:0!important;background:transparent!important;color:var(--ng-ink)!important;box-shadow:none!important;display:grid!important;place-items:center!important;position:relative;transform:none!important;filter:none!important;transition:background .15s,color .15s!important}
html body #shTop .hdacts .hda::before,html body #shTop .hdacts .hda::after,.ngacts-hdr .hda::after{content:none!important}
html body #shTop .hdacts .hda svg,.ngacts-hdr .hda svg{width:20px!important;height:20px!important;color:currentColor!important;stroke:currentColor}
html body #shTop .hdacts .hda:hover,.ngacts-hdr .hda:hover{background:var(--ng-ts)!important;color:var(--ng-t)!important}
html body #shTop .hdacts .hda span:not(.ngav):not(.ngdot),.ngacts-hdr .hda>span:not(.ngav):not(.ngdot){display:none!important}
html body #shTop .hdacts .hda.rem{order:1}html body #shTop .hdacts .hda.dl{order:2}html body #shTop .hdacts .ngsep{order:3}html body #shTop .hdacts .hda.acc{order:4}
.ngsep{width:1px;height:22px;background:var(--ng-line);margin:0 3px;flex:none}
.ngdot{position:absolute;top:7px;left:8px;width:8px;height:8px;border-radius:50%;background:#F59E0B;box-shadow:0 0 0 2px var(--ng-bg);pointer-events:none}
html body #shTop .hdacts .hda .hph{display:none!important}
html body #shTop .hdacts .hda.acc.in,html body #shTop .hdacts .hda.acc.ngin,.ngacts-hdr .hda.acc.ngin{background:transparent!important}
.hda.acc.ngin svg{display:none!important}
/* avatar with the site's teal ring */
.ngav{position:relative;width:34px;height:34px;border-radius:50%;padding:2px;background:var(--ng-t);display:inline-grid;place-items:center;flex:none}
.ngav i{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1E3A5F,#2F6C8F);color:#fff;font:800 .85rem Rubik,Arial;font-style:normal;box-shadow:0 0 0 2px #fff}
.ngav img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff;z-index:1}
.ngav.big{width:86px;height:86px;padding:3px}.ngav.big i{font-size:1.9rem;box-shadow:0 0 0 3px #fff}.ngav.big img{inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);box-shadow:0 0 0 3px #fff}
@media (max-width:860px){html body #shTop .hdacts .hda,.ngacts-hdr .hda{width:36px!important;min-width:36px!important;height:36px!important}.ngav{width:32px;height:32px}}
/* inner pages get the same group next to the menu button */
header.top .ngacts-hdr{flex:none;margin-inline-start:8px}
@media (max-width:900px){header.top .ngacts-hdr{margin-inline-start:auto}header.top .ngacts-hdr .rem,header.top .ngacts-hdr .ngsep{display:none!important}header.top .ndarrows .back,header.top .ndarrows .fwd,header.top .ndarrows .nda:not(.ndsrb){display:none!important}header.top .logo .ngwm b{font-size:1.3rem!important}header.top .logo .ngwm small{font-size:.66rem!important}}
@media (min-width:901px) and (max-width:1240px){header.top .nav .dd>button,header.top .nav a.nl{padding-inline:8px!important;font-size:14px!important}}

/* --- account window --- */
.ngm{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:16px;font-family:Assistant,Rubik,Arial,sans-serif;color:var(--ng-ink)}
.ngm[hidden]{display:none!important}
.ngm-bg{position:absolute;inset:0;background:rgba(11,26,48,.45);backdrop-filter:blur(3px)}
.ngm-box{position:relative;width:min(420px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 70px rgba(11,26,48,.3);padding:26px 22px 22px}
.ngm-x{position:absolute;top:10px;left:10px;width:36px;height:36px;border-radius:50%;border:0;background:var(--ng-bg);display:grid;place-items:center;cursor:pointer;color:var(--ng-ink)}
.ngm-x svg,.ngsync svg,.ngic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ngm-in{display:grid;gap:14px;text-align:center}
.ngm h2{margin:0;font:800 1.35rem Rubik,Arial;color:var(--ng-navy)}
.ngmut{margin:0;color:var(--ng-mut);font-size:.95rem;line-height:1.55}.ngmut.small{font-size:.85rem}
.nggbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border:1px solid var(--ng-line);border-radius:14px;background:#fff;font:700 1rem Rubik,Arial;color:var(--ng-ink);cursor:pointer}
.nggbtn:hover{border-color:var(--ng-t);background:#FAFEFD}
.ngor{display:flex;align-items:center;gap:10px;color:var(--ng-mut);font-size:.85rem}.ngor::before,.ngor::after{content:"";flex:1;height:1px;background:var(--ng-line)}
.ngform{display:grid;gap:8px;text-align:right}
.ngform label{font-weight:700;font-size:.85rem;color:var(--ng-mut)}
.ngform input{min-height:48px;padding:0 14px;border:1px solid var(--ng-line);border-radius:14px;background:var(--ng-bg);font:600 1rem Assistant,Arial;color:var(--ng-ink);direction:ltr;text-align:right}
.ngform input:focus{outline:0;border-color:var(--ng-t);box-shadow:0 0 0 3px rgba(13,148,136,.18)}
.ngerr{margin:0;color:#B42318;font-size:.88rem;font-weight:600}
.ngbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:14px;border:1px solid var(--ng-line);background:#fff;color:var(--ng-ink);font:700 .98rem Rubik,Arial;text-decoration:none;cursor:pointer}
.ngbtn.pri{background:var(--ng-t);border-color:var(--ng-t);color:#fff}.ngbtn.pri:hover{background:var(--ng-t2)}
.ngbtn.ghost{background:transparent}
.ngbtn:disabled{opacity:.6;cursor:wait}
.ngprof{display:grid;justify-items:center;gap:6px}
.ngsync{display:inline-flex;align-items:center;gap:6px;background:#E3F5EA;color:#15803D;border-radius:999px;padding:4px 12px;font-weight:700;font-size:.85rem}
.ngacts{display:grid;gap:8px}
.ngsent{display:grid;gap:12px;justify-items:center}
.ngic{width:58px;height:58px;border-radius:50%;background:var(--ng-ts);color:var(--ng-t);display:grid;place-items:center}.ngic svg{width:28px;height:28px}
.ngtoast{position:fixed;z-index:10001;left:0;right:0;bottom:calc(20px + env(safe-area-inset-bottom,0px));margin:auto;width:max-content;max-width:calc(100vw - 32px);padding:11px 18px;border-radius:14px;color:#fff;background:#065F46;font:600 15px Assistant,Arial;direction:rtl;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.ngtoast.bad{background:#991B1B}

/* --- home search: teal frame, no quick chips, results always readable --- */
#ndLanding .lchips{display:none!important}
#ndLanding #ldSearch,#ndLanding .ldsearch{background:linear-gradient(135deg,#0F766E,#14B8A6 55%,#5EEAD4)!important;animation:none!important;box-shadow:0 12px 30px -10px rgba(13,148,136,.45),0 0 0 6px rgba(20,184,166,.08)!important}
#ndLanding #ldSearch::before,#ndLanding #ldSearch::after,#ndLanding .ldsearch::before,#ndLanding .ldsearch::after{background:none!important;animation:none!important;opacity:0!important}
#ndLanding .ldsearch .shsearch .sp{color:var(--ng-t)!important}
html body .shsearch button.shask,html body #ndLanding .shsearch .shask,html body #shTop .shsearch .shask,html body #ndLanding .ldsearch.v14 .shsearch button.shask,html body #ndLanding .ldsearch.v14 .shask{background:linear-gradient(135deg,#0D9488,#0F766E)!important;background-image:linear-gradient(135deg,#0D9488,#0F766E)!important;color:#fff!important;box-shadow:0 6px 16px -6px rgba(13,148,136,.6)!important}
.shsearch .shask:hover{background:linear-gradient(135deg,#0F766E,#115E59)!important}
.shsearch .shask::before,.shsearch .shask::after{background:none!important;content:none!important}
#ndLanding .ldsearch .shres,.shres{z-index:95!important;right:0!important;left:0!important;width:auto!important;min-width:0!important;background:#fff!important;border:1px solid var(--ng-line)!important}
.shres button{width:100%!important;white-space:normal!important;align-items:center!important}
.shres button>*:not(svg):not(small):not(i){flex:1 1 auto;min-width:0;text-align:start}
.shres button small{flex:none;white-space:nowrap}
.shres button svg,.shres button i{flex:none}

/* --- ads --- */
.ngad{position:relative;display:flex;align-items:center;gap:14px;margin:18px auto;max-width:1180px;padding:12px 14px;border-radius:18px;background:#fff;border:1px solid var(--ng-line);box-shadow:0 6px 18px -10px rgba(15,23,42,.2);color:var(--ng-ink);text-decoration:none;font-family:Assistant,Rubik,Arial,sans-serif;direction:rtl}
.ngad:hover{border-color:var(--ng-t)}
.ngad img{width:120px;max-height:80px;object-fit:cover;border-radius:12px;flex:none}
.ngad.wide img{width:auto;max-width:100%;max-height:none;flex:1 1 100%}
.ngad b{display:block;font:800 1.05rem Rubik,Arial}
.ngad p{margin:2px 0 0;color:var(--ng-mut);font-size:.92rem}
.ngad .ngadtag{position:absolute;top:8px;left:10px;font-size:.7rem;font-weight:700;color:var(--ng-mut);background:var(--ng-bg);border-radius:999px;padding:1px 8px}
.ngadwrap{padding-inline:max(16px,env(safe-area-inset-left,0px))}
.ngpop{position:fixed;inset:0;z-index:9990;display:grid;place-items:center;padding:16px;background:rgba(11,26,48,.45)}
.ngpop .ngad{flex-direction:column;align-items:stretch;max-width:420px;width:100%;margin:0;padding:16px}
.ngpop .ngad img{width:100%;max-height:260px}
.ngpopx{position:absolute;top:-12px;right:-12px;width:34px;height:34px;border-radius:50%;border:0;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2);cursor:pointer;font-size:18px}
@media (max-width:560px){.ngad img{width:90px}}

/* --- editor (admin only) --- */
.ngebar{position:fixed;z-index:9980;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;max-width:calc(100vw - 24px);padding:8px 10px;border-radius:18px;background:#10284A;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.3);font:600 14px Assistant,Rubik,Arial;direction:rtl}
.ngebar button,.ngebar label.ngeb{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:11px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font:700 13px Rubik,Arial;cursor:pointer}
.ngebar button.pri{background:var(--ng-t);border-color:var(--ng-t)}
.ngebar button.on{background:#fff;color:#10284A}
.ngebar .ngest{opacity:.75;font-size:12px;padding:0 6px}
html.ngedit [data-ngsel]{outline:2px dashed rgba(13,148,136,.55)!important;outline-offset:2px;cursor:pointer}
html.ngedit .ngsel{outline:3px solid #0D9488!important;outline-offset:3px;position:relative}
html.ngedit [contenteditable=true]{outline:3px solid #F59E0B!important;background:rgba(245,158,11,.06);cursor:text}
.ngetools{position:absolute;z-index:9985;display:flex;gap:4px;padding:4px;border-radius:12px;background:#10284A;box-shadow:0 8px 20px rgba(0,0,0,.25);direction:rtl}
.ngetools button{width:32px;height:32px;border-radius:8px;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}
.ngetools button:hover{background:rgba(255,255,255,.15)}
.ngetools svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ngehandle{position:absolute;z-index:9984;width:16px;height:16px;border-radius:5px;background:#0D9488;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3);cursor:nwse-resize}
.ngepanel{position:fixed;z-index:9990;top:calc(70px + env(safe-area-inset-top,0px));right:12px;width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 160px);overflow:auto;background:#fff;color:var(--ng-ink);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.25);padding:16px;display:grid;gap:10px;font-family:Assistant,Rubik,Arial;direction:rtl}
.ngepanel h3{margin:0;font:800 1.05rem Rubik,Arial}
.ngepanel label{display:grid;gap:4px;font-weight:700;font-size:.85rem;color:var(--ng-mut)}
.ngepanel input,.ngepanel select,.ngepanel textarea{font:600 .95rem Assistant,Arial;padding:8px 10px;border:1px solid var(--ng-line);border-radius:10px;background:var(--ng-bg);color:var(--ng-ink)}
.ngepanel .row{display:flex;gap:8px;flex-wrap:wrap}
.ngebox{border:2px dashed var(--ng-tl);border-radius:16px;padding:16px;margin:14px auto;max-width:1180px;background:#fff}
.ngbar-top{position:relative;z-index:80;background:var(--ng-t);color:#fff;text-align:center;font:700 14px Assistant,Rubik,Arial;padding:8px 40px;direction:rtl}
.ngbar-top a{color:#fff;text-decoration:underline}
.ngbar-top button{position:absolute;left:8px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:#fff;font-size:18px;cursor:pointer}

html body #shTop .ngni svg{display:block!important}
@media (min-width:861px) and (max-width:1500px){html body #shTop .v6nav .ngni{display:none!important}html body #shTop .v6dd>button,html body #shTop a.v6direct{padding:0 10px!important}}
/* --- main menu: clear pills with icons (desktop) and an icon tab row (phone) --- */
.ngni{display:inline-grid;place-items:center;flex:none;color:var(--ng-t)}
.ngni svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body #shTop .v6nav .ndi{display:none!important}
html body #shTop .v6dd>button,html body #shTop a.v6direct{display:inline-flex!important;align-items:center!important;gap:7px!important;height:42px!important;padding:0 13px!important;border-radius:12px!important;border:0!important;background:transparent!important;color:var(--ng-ink)!important;font:700 15px/1 Rubik,Assistant,Arial,sans-serif!important;box-shadow:none!important;transition:background .15s,color .15s!important}
html body #shTop .v6dd>button:hover,html body #shTop a.v6direct:hover{background:var(--ng-ts)!important;color:var(--ng-t2)!important}
html body #shTop .v6dd>button[aria-expanded=true],html body #shTop .v6dd.open>button{background:var(--ng-t)!important;color:#fff!important}
html body #shTop .v6dd>button[aria-expanded=true] .ngni,html body #shTop .v6dd.open>button .ngni{color:#fff}
html body #shTop .v6dd>button::after,html body #shTop a.v6direct::after,html body #shTop .v6dd>button::before,html body #shTop a.v6direct::before{content:none!important}
html body #shTop .v6dd>button>svg:not(.ngsv){width:14px!important;height:14px!important;opacity:.55}
header.top .nav .dd>button,header.top .nav a.nl{display:inline-flex;align-items:center;gap:7px;border-radius:12px;transition:background .15s,color .15s}
header.top .nav .dd>button:hover,header.top .nav a.nl:hover{background:var(--ng-ts);color:var(--ng-t2)}
@media (max-width:860px){
 html body #shTop .v6nav{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:2px!important;overflow:visible!important;padding:4px 0 2px!important;border-top:1px solid #EEF2F4}
 html body #shTop .v6dd{position:static!important;min-width:0}
 html body #shTop .v6dd>button,html body #shTop a.v6direct{flex-direction:column!important;justify-content:center!important;gap:4px!important;width:100%!important;height:auto!important;min-height:54px!important;padding:6px 2px!important;font:700 11.5px/1.1 Rubik,Assistant,Arial,sans-serif!important;white-space:nowrap!important}
 html body #shTop .v6dd>button .lf,html body #shTop a.v6direct .lf{display:none!important}
 html body #shTop .v6dd>button .ls,html body #shTop a.v6direct .ls{display:block!important;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 html body #shTop .v6dd>button>svg:not(.ngsv){display:none!important}
 html body #shTop .ngni{width:34px;height:28px;border-radius:10px;background:var(--ng-bg)}
 html body #shTop .v6dd>button:hover .ngni,html body #shTop a.v6direct:hover .ngni{background:#fff}
 html body #shTop .v6dd>button[aria-expanded=true] .ngni,html body #shTop .v6dd.open>button .ngni{background:rgba(255,255,255,.18)}
 html body #shTop .ngni svg{width:20px!important;height:20px!important;display:block!important}
}
@media (max-width:360px){html body #shTop .v6dd>button,html body #shTop a.v6direct{font-size:10.5px!important}html body #shTop .ngni{width:30px}}
@media (min-width:901px) and (max-width:1240px){header.top .logo .ngwm{display:none!important}}
@media (min-width:901px) and (max-width:1020px){header.top .ndarrows .back,header.top .ndarrows .fwd,header.top .ndarrows .nda:not(.ndsrb){display:none!important}}
html body #shTop a.v6direct .ngni svg.ngsv,html body #shTop .v6dd>button .ngni svg.ngsv{display:block!important}
.ngm .ngbtn,.ngm .ngform button.ngbtn{width:100%!important;min-width:0!important;height:auto!important;min-height:46px!important;padding:0 18px!important;font:700 .98rem/1.2 Rubik,Arial,sans-serif!important;white-space:nowrap!important;border-radius:14px!important;position:static!important}
.ngm .ngform button.ngbtn.pri{background:#0D9488!important;color:#fff!important;border:1px solid #0D9488!important}
.ngm .nggbtn{height:auto!important;min-height:48px!important;padding:0 16px!important;position:static!important}

/* --- cookie notice: clean, readable buttons --- */
.ndck{max-width:620px!important;align-items:center!important;gap:12px 16px!important;padding:14px 16px!important;border-radius:18px!important;border:1px solid var(--ng-tl)!important}
.ndck p{flex:1 1 280px!important;min-width:0!important;line-height:1.55!important}
.ndck div{display:flex!important;gap:8px!important;flex:0 0 auto!important;flex-wrap:nowrap!important}
.ndck button{width:auto!important;min-width:112px!important;height:auto!important;min-height:44px!important;padding:0 18px!important;border-radius:12px!important;white-space:nowrap!important;font:700 .95rem/1.2 Rubik,Arial,sans-serif!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;position:static!important}
.ndck button.ok{background:var(--ng-t)!important;border:1px solid var(--ng-t)!important;color:#fff!important}
.ndck button.no{background:#fff!important;border:1px solid var(--ng-line)!important;color:var(--ng-ink)!important}
@media (max-width:520px){.ndck div{flex:1 1 100%!important}.ndck button{flex:1 1 0!important;min-width:0!important}}

/* --- editor inspector (page side panel and admin panel share these) --- */
.ngepanel.ngside{top:calc(80px + env(safe-area-inset-top,0px));right:12px;width:min(300px,calc(100vw - 24px));max-height:calc(100vh - 170px)}
.ngepanel.ngdlg{left:12px;right:auto;z-index:9991}
.ngins{display:grid;gap:10px;font-family:Assistant,Rubik,Arial,sans-serif;color:#12223D;direction:rtl;text-align:right}
.ngins h3{margin:0;font:800 1.02rem Rubik,Arial}
.ngins label{display:grid;gap:4px;font-weight:700;font-size:.82rem;color:#5B6B82}
.ngins textarea,.ngins input[type=number]{font:600 .95rem Assistant,Arial;padding:8px 10px;border:1px solid #DCE4EE;border-radius:10px;background:#F2F5FA;color:#12223D;width:100%;box-sizing:border-box}
.ngins input[type=range]{width:100%;accent-color:#0D9488}
.ngsw{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ngsw button{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #DCE4EE;cursor:pointer;padding:0}
.ngsw button[aria-pressed=true]{box-shadow:0 0 0 2px #0D9488}
.ngsw input[type=color]{width:34px;height:28px;border:1px solid #DCE4EE;border-radius:8px;padding:0;background:none}
.ngrow{display:flex;flex-wrap:wrap;gap:6px}
.ngrow .ngbtn{min-height:34px;padding:0 10px;font-size:.85rem;border-radius:10px}
.ngrow2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ngepanel .ngbtn{width:auto}
html.ngedit body{padding-bottom:80px}
@media (max-width:700px){.ngepanel.ngside{top:auto;bottom:calc(76px + env(safe-area-inset-bottom,0px));max-height:45vh}}

/* --- profile picture controls --- */
.ngphoto{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-top:6px}
.ngphoto .ngbtn{min-height:38px;padding:0 14px;font-size:.9rem;cursor:pointer;width:auto!important}
.ngm .ngphoto .ngbtn{width:auto!important;min-height:38px!important;font-size:.9rem!important}
.ngmycard{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0;padding:16px;border:1px solid #DCE4EE;border-radius:18px;background:#fff;font-family:Assistant,Rubik,Arial,sans-serif;direction:rtl}
.ngmyinfo{display:grid;gap:4px;min-width:0}.ngmyinfo b{font:800 1.15rem Rubik,Arial;color:#10284A}
.ngmycard .ngphoto{justify-content:flex-start}
/* dark tool-page bar (my, theory, cars, license, practice) */
.ngwm.ngwm-dark b{color:#fff!important;font-size:1.3rem!important}.ngwm.ngwm-dark small{color:#5FD8CB!important;font-size:.7rem!important}
.ndbar .ngacts-hdr.ngdark{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important;flex:none}
.ndbar .ngacts-hdr.ngdark .hda{color:#fff!important}
.ndbar .ngacts-hdr.ngdark .hda:hover{background:rgba(255,255,255,.14)!important;color:#5EEAD4!important}
.ndbar .ngav i{box-shadow:0 0 0 2px #0B1024}.ndbar .ngav img{box-shadow:0 0 0 2px #0B1024}
@media(max-width:640px){.ndbar-logo .ngwm{display:none!important}}
html body #shTop .hdacts .hda span.ngav,html body #shTop .hdacts .hda.acc span.ngav{display:inline-grid!important}
html body #shTop .hdacts .hda span.ngav i{display:grid!important}