/* الرئيسية بالهوية الجديدة: أسود ميتاليك (ليلي) وأبيض ميتاليك (نهاري) مع الدهبي، ولوجو مصر المنوّرة */
body.hx{
  --bg:#0B0B0C;--bg2:#111113;--card:#17171A;--card2:#202024;--line:rgba(255,255,255,.08);--tx:#fff;--mut:#A3A3AB;--nav:#E6E6EA;
  --gold:#E3B24F;--goldt:#F2CD7E;--ov:8,8,9;--hd:rgba(11,11,12,.86);--hero:#070708;
  --sheen:linear-gradient(155deg,#26262A 0%,#18181B 45%,#101012 100%);--sheen2:linear-gradient(155deg,#29292E,#1A1A1D);
  --shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.35);--chip:rgba(255,255,255,.05);
  --bodybg:radial-gradient(1200px 500px at 85% -5%,#232327,transparent 70%),linear-gradient(180deg,#121214,#0B0B0C 900px);
  --goldbtn:linear-gradient(180deg,#F7DC93 0%,#E3B24F 52%,#B98A2E 100%);
  --acc-c:#E3B24F;--lime:#E3B24F;
  margin:0;background:var(--bodybg),var(--bg);background-color:var(--bg);color:var(--tx);font-family:'Readex Pro','Cairo',system-ui,sans-serif;padding-bottom:0
}
html[data-theme=light] body.hx{
  --bg:#EFEFEC;--bg2:#FAFAF8;--card:#FFFFFF;--card2:#EEEEF0;--line:rgba(20,20,28,.10);--tx:#141418;--mut:#5E5E68;--nav:#24242A;
  --gold:#C9962E;--goldt:#8E620C;--hd:rgba(250,250,248,.88);--chip:rgba(20,20,28,.04);
  --sheen:linear-gradient(155deg,#FFFFFF 0%,#F6F6F7 45%,#E8E8EB 100%);--sheen2:linear-gradient(155deg,#F7F7F8,#E6E6E9);
  --shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(0,0,0,.04),0 10px 28px rgba(20,20,40,.08);
  --bodybg:radial-gradient(1200px 520px at 85% -5%,#FFFFFF,transparent 70%),linear-gradient(180deg,#F4F4F2,#E9E9E6 2400px,#EFEFEC)
}
body.hx a{color:inherit;text-decoration:none}
body.hx img{display:block}
.hx-w{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media(min-width:900px){.hx-w{padding-left:24px;padding-right:24px}}
.hx-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hx-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:999px;padding:11px 22px;min-height:44px;font:inherit;font-size:15px;font-weight:700;color:#1A1205!important;background:var(--goldbtn);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 14px rgba(227,178,79,.25);cursor:pointer;white-space:nowrap}
.hx-btn.hx-ghost{background:transparent;color:var(--tx)!important;border:1px solid var(--line);box-shadow:none}
.hx-btn:focus-visible,.hx-tabs button:focus-visible,body.hx a:focus-visible,body.hx input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.hx-card{background:var(--sheen);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
.hx-row{display:flex;gap:8px;align-items:center}
.hx-row input,.hx-cmp input{flex:1;min-width:0;font:inherit;font-size:15px;color:var(--tx);background:var(--chip);border:1px solid var(--line);border-radius:999px;padding:12px 18px;min-height:46px}
.hx-row input::placeholder{color:var(--mut)}

/* الهيدر */
.hx-hd{position:sticky;top:0;z-index:30;background:var(--hd);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hx-hd-in{height:72px;display:flex;align-items:center;gap:24px}
.hx-logo{display:flex;align-items:center;gap:10px;flex:none}
.hx-logo img{width:44px;height:44px;border-radius:12px;background:#0B0B0C;border:1px solid var(--line);object-fit:cover}
.hx-logo b{font-size:22px;display:block;line-height:1.1}
.hx-logo small{display:block;font-size:11px;color:var(--gold);letter-spacing:2px}
.hx-nav{display:flex;gap:20px;font-size:15px;color:var(--nav)}
.hx-nav a:hover{color:var(--gold)}
.hx-hd-r{margin-inline-start:auto;display:flex;align-items:center;gap:8px}
.hx-theme{display:flex;border:1px solid var(--line);border-radius:999px;padding:2px}
.hx-theme button{border:0;background:transparent;color:var(--tx);font:inherit;font-size:12px;border-radius:999px;padding:5px 9px;cursor:pointer;min-height:30px}
.hx-theme button.on{background:var(--card2)}
.hx-lang{font-weight:700;font-size:13px;border:1px solid var(--line);border-radius:999px;padding:6px 12px}
@media(min-width:701px){body.hx .egst-btn{display:none!important}}
body.hx .egst-btn{background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--tx)}
body.hx .egov-btn,body.hx .egacc-btn{background:transparent;color:var(--tx);border:1px solid var(--line);border-radius:999px}

/* أول الشاشة: دايمًا ليلي عشان لوجو مصر المنوّرة */
.hx-hero{position:relative;overflow:hidden;background:var(--hero);color:#fff}
.hx-art{position:absolute;left:2%;top:-40px;width:min(600px,52vw);height:auto;aspect-ratio:1;opacity:.95;-webkit-mask-image:radial-gradient(circle,#000 55%,transparent 72%);mask-image:radial-gradient(circle,#000 55%,transparent 72%);pointer-events:none}
.hx-hero-in{position:relative;padding-top:40px;padding-bottom:44px}
.hx-hero-l{width:min(600px,100%);display:flex;flex-direction:column;gap:14px}
.hx-count{font-size:15px;color:#BDBDC6;align-self:flex-start}
/* «مكانك» أول الهيرو: المنطقة والمحافظة + عدد الأماكن حواليك وفي محافظتك */
.hx-loc{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:64px}
.hx-loc-a{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:#fff;font:inherit;font-size:16px;font-weight:700;line-height:1.35;padding:2px 0;cursor:pointer;text-align:start}
.hx-loc-a .pin{color:#E3B24F;flex:none}.hx-loc-a .cv{color:#9C9CA6;flex:none}.hx-loc-a:hover .cv,.hx-loc-a:focus-visible .cv{color:#E3B24F}
.hx-loc-c{display:flex;flex-wrap:wrap;gap:8px}
.hx-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#D6D6DC;font:inherit;font-size:13.5px;line-height:1.3;text-decoration:none;cursor:pointer}
.hx-chip b{color:#E3B24F;font-weight:700}.hx-chip:hover{border-color:#E3B24F}
.hx-chip.go{color:#E3B24F;border-color:rgba(227,178,79,.45)}
.hx-loc-c.ld .hx-chip{width:150px;color:transparent;cursor:default;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.13),rgba(255,255,255,.05));background-size:200% 100%;animation:hxshim 1.4s linear infinite}
.hx-loc-c.ld .hx-chip+.hx-chip{width:185px}
@keyframes hxshim{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.hx-loc-c.ld .hx-chip{animation:none}}
.hx-hero h1{margin:0;font-size:54px;line-height:1.2;font-weight:700;text-wrap:balance}
.hx-eyebrow{display:block;font-size:16px;font-weight:600;color:#BDBDC6;margin-bottom:6px}
.hx-hero h1 em{font-style:normal;color:#E3B24F;display:block}
.hx-hero .hx-card{background:linear-gradient(155deg,#26262A 0%,#18181B 45%,#101012 100%);border-color:rgba(255,255,255,.08);color:#fff;padding:18px}
.hx-hero .hx-row input{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#fff}
.hx-hero .hx-row input::placeholder{color:#9C9CA6}
.hx-lala-h{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.hx-lala-h b{color:#E3B24F;display:block;font-size:16px}
.hx-lala-h span:not(.lala):not(.lb):not(.lf){font-size:16px}
.hx-sugs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.hx-sugs button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;border-radius:999px;padding:8px 14px;font:inherit;font-size:13.5px;cursor:pointer}
.hx-sugs button:hover{border-color:#E3B24F}
.hx-route-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.hx-route-h b{display:block;font-size:17px}.hx-route-h small{display:block;font-size:13px;color:#A3A3AB}
.hx-route-i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#1A1205;background:linear-gradient(180deg,#F7DC93,#E3B24F 52%,#B98A2E);flex:none}

/* Lala */
.lala{--sz:36px;--lx:0px;--ly:0px;position:relative;display:inline-grid;place-items:center;width:var(--sz);height:var(--sz);flex-shrink:0}
.lala .lb{position:absolute;inset:0;border-radius:42% 58% 63% 37%/41% 44% 56% 59%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.95) 0 7%,rgba(255,255,255,0) 30%),conic-gradient(from 200deg,#E9C25A,#FFF3D2,#9FE7F5,#B9A3F0,#E9C25A);box-shadow:0 0 calc(var(--sz)*.4) rgba(255,226,160,.45);animation:lmorph 9s ease-in-out infinite}
.lala .lf{position:absolute;top:34%;display:flex;gap:calc(var(--sz)*.13);transform:translate(var(--lx),var(--ly));transition:transform .12s linear}
.lala .le{display:block;width:calc(var(--sz)*.085);height:calc(var(--sz)*.16);border-radius:99px;background:#2A0B5E;transition:transform .12s}
.lala.bl .le{transform:scaleY(.1)}
.lala .lc{position:absolute;top:calc(100% + var(--sz)*.005);width:calc(var(--sz)*.14);height:calc(var(--sz)*.06);border-radius:99px;background:#FF8FB8;opacity:.85}
.lala .lc.l{left:calc(var(--sz)*-.12)}.lala .lc.r{right:calc(var(--sz)*-.12)}
.lala .lm{position:absolute;top:calc(100% + var(--sz)*.01);left:50%;width:calc(var(--sz)*.1);height:calc(var(--sz)*.05);margin-left:calc(var(--sz)*-.05);border:0 solid #2A0B5E;border-bottom-width:max(1.5px,calc(var(--sz)*.03));border-radius:0 0 99px 99px}
@keyframes lmorph{0%,100%{border-radius:42% 58% 63% 37%/41% 44% 56% 59%;scale:1}33%{border-radius:58% 42% 38% 62%/55% 37% 63% 45%;scale:1.03}66%{border-radius:47% 53% 52% 48%/62% 58% 42% 38%;scale:.98}}

/* الأقسام */
.hx-main{display:flex;flex-direction:column;gap:44px;padding-top:30px;padding-bottom:40px}
.hx-sec{min-width:0}
.hx-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.hx-h h2{margin:0;font-size:28px;font-weight:700;line-height:1.3}
.hx-h small{display:block;color:var(--mut);font-size:14px;margin-top:4px}
.hx-h>a{color:var(--goldt);font-weight:600;font-size:15px;white-space:nowrap}
.hx-h small button{border:0;background:none;color:var(--goldt);font:inherit;text-decoration:underline;cursor:pointer;padding:0}
.skl{min-height:120px;border-radius:20px;background:var(--card2);opacity:.6}

.hx-cats{display:flex;justify-content:space-between;gap:6px}
.hx-cat{display:flex;flex-direction:column;align-items:center;gap:8px;width:112px;flex:none;text-align:center}
.hx-cat span{width:96px;height:96px;border-radius:26px;background:var(--sheen);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;place-items:center;overflow:hidden}
.hx-cat img{width:80px;height:80px;object-fit:cover;border-radius:20px}
.hx-cat b{font-size:14px;font-weight:600;line-height:1.35}
.hx-cat:hover span{border-color:var(--gold)}

.hx-ban{position:relative;display:block;overflow:hidden;border-radius:22px;color:#fff!important;min-height:230px;background:#000 var(--img) center/cover;border:1px solid var(--line)}
.hx-ban::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--ov),.15),rgba(var(--ov),.86) 60%)}
.hx-ban-l::before{background:linear-gradient(90deg,rgba(var(--ov),.15),rgba(var(--ov),.86) 60%)}
.hx-ban-t{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:560px;padding:34px 34px}
.hx-ban-t b{font-size:30px;line-height:1.3}
.hx-ban-t>span:not(.hx-btn){font-size:16px;line-height:1.7;color:#E6E6EA}
html[dir=ltr] .hx-ban::before{background:linear-gradient(270deg,rgba(var(--ov),.15),rgba(var(--ov),.86) 60%)}

.hx-ess{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,150px);gap:12px;grid-template-areas:"ph ph at at at fu" "ph ph su su ho fu" "ph ph su su po fu" "me me me cw ca mc"}
.hx-e{position:relative;overflow:hidden;border-radius:20px;color:#fff!important;background:#000 var(--img) center/cover;min-width:0}
.hx-e::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--ov),0) 35%,rgba(var(--ov),.9))}
.hx-e .k{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:8px;background:rgba(var(--ov),.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 12px 4px 4px;font-size:13px;font-weight:700}
html[dir=ltr] .hx-e .k{right:auto;left:12px;padding:4px 4px 4px 12px}
.hx-ic{width:28px;height:28px;border-radius:9px;background:rgba(242,190,75,.18);color:#E3B24F;display:grid;place-items:center;flex:none}
.hx-ic svg{width:17px;height:17px}
.hx-e .v{position:absolute;inset:auto 14px 12px 14px;display:flex;flex-direction:column;gap:2px}
.hx-e .d{font-size:24px;font-weight:700;color:#F2CD7E;line-height:1.05}
.hx-e .n{font-size:12.5px;opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-e.big .d{font-size:40px}.hx-e.big .n{font-size:14px}
.hx-e.sm .d{font-size:20px}
.hx-e:hover{outline:2px solid var(--gold);outline-offset:-2px}

.hx-two{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}
.hx-cmp{padding:20px;display:flex;flex-direction:column;gap:12px}
.hx-cmp .hx-h{margin:0}
.hx-cmp form{display:flex;gap:8px}
.hx-cmp-l{display:flex;flex-direction:column;gap:8px}
.hx-cmp-l .hh{font-size:13px;color:var(--mut)}
.hx-pr{display:flex;align-items:center;gap:12px;background:var(--sheen2);border-radius:14px;padding:10px}
.hx-pr img{width:56px;height:56px;border-radius:12px;object-fit:contain;background:#fff;flex:none}
.hx-pr .t{flex:1;min-width:0}.hx-pr .t b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-pr .t small{display:block;font-size:12.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-pr>b{color:var(--goldt);font-size:16px;white-space:nowrap}
.hx-pr.best{outline:1px solid var(--gold)}
.hx-chips{display:flex;flex-wrap:wrap;gap:8px}
.hx-chips a{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px}
.hx-vote{position:relative;overflow:hidden;border-radius:22px;color:#fff;min-height:480px;background:#000 var(--img) center top/cover;border:1px solid var(--line);display:flex;align-items:flex-end}
.hx-vote::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--ov),0) 35%,rgba(var(--ov),.94) 72%)}
.hx-vote-t{position:relative;padding:20px;display:flex;flex-direction:column;gap:10px;width:100%;align-items:flex-start}
.hx-vote-h{display:flex;align-items:center;gap:10px}.hx-vote-h b{font-size:22px;line-height:1.3}
.hx-vote p{margin:0;color:#D9D9E0;font-size:14px;line-height:1.7}
.hx-poll{display:flex;flex-direction:column;gap:6px;background:rgba(var(--ov),.55);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 12px;width:100%}
.hx-poll span{display:flex;align-items:center;gap:8px;font-size:13px}
.hx-poll i{width:118px;white-space:nowrap;font-style:normal}
.hx-poll s{flex:1;height:8px;border-radius:9px;background:rgba(255,255,255,.14);overflow:hidden;text-decoration:none}
.hx-poll u{display:block;height:100%;background:#E3B24F}
.hx-poll b{width:38px;text-align:left;color:#F2CD7E}

.hx-govs{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,175px);gap:12px}
.hx-g{position:relative;overflow:hidden;border-radius:20px;color:#fff!important;background:#000 var(--img) center/cover}
.hx-g::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(var(--ov),.88))}
.hx-g span{position:absolute;right:16px;bottom:14px;left:16px;display:flex;flex-direction:column;gap:2px}
.hx-g b{font-size:26px;line-height:1.1}.hx-g small{font-size:12.5px;color:#F2CD7E}
.hx-g.big b{font-size:40px}.hx-g.big small{font-size:14px}.hx-g.sm b{font-size:20px}
.hx-gchips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.hx-gchips a{display:flex;align-items:center;gap:8px;background:var(--sheen);border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 6px;font-size:13.5px}
.hx-gchips i{width:30px;height:30px;border-radius:50%;background:#fff center/cover;flex:none}
.hx-gchips i.nolg{display:grid;place-items:center;background:var(--card2);font-style:normal;font-weight:700;color:var(--goldt)}

.hx-docs{display:grid;grid-template-columns:330px 1fr;gap:14px}
.hx-docb{position:relative;overflow:hidden;border-radius:22px;color:#fff!important;min-height:430px;background:#000 var(--img) center top/cover;border:1px solid var(--line);display:flex;align-items:flex-end}
.hx-docb::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(var(--ov),.94) 78%)}
.hx-docb-t{position:relative;padding:18px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.hx-docb-t b{font-size:22px;line-height:1.35}.hx-docb-t>span:not(.hx-btn){font-size:13.5px;color:#D9D9E0;line-height:1.7}
.hx-docr{display:flex;flex-direction:column;gap:14px;min-width:0}
.hx-specs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.hx-spec{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--sheen);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:14px 8px;text-align:center}
.hx-spec .i{width:48px;height:48px;border-radius:14px;background:rgba(227,178,79,.14);color:var(--gold);display:grid;place-items:center}
.hx-spec b{font-size:14.5px}.hx-spec small{font-size:12px;color:var(--mut)}
.hx-spec:hover{border-color:var(--gold)}
.hx-docl{padding:6px 18px}
.hx-doc{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.hx-doc:last-child{border-bottom:0}
.hx-doc .i{width:40px;height:40px;border-radius:12px;background:rgba(227,178,79,.14);color:var(--gold);display:grid;place-items:center;flex:none}
.hx-doc .t{flex:1;min-width:0}.hx-doc .t a{display:block;font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-doc .t small{font-size:12.5px;color:var(--mut)}
.hx-doc>b{color:var(--goldt);font-size:15px;white-space:nowrap}
.hx-doc .call{border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;min-height:38px;display:inline-flex;align-items:center}

.hx-tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.hx-tabs button{border:1px solid var(--line);background:transparent;color:var(--nav);border-radius:999px;padding:8px 18px;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;min-height:40px}
.hx-tabs button[aria-selected=true]{background:var(--goldbtn);color:#1A1205;border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 14px rgba(227,178,79,.25)}
.hx-places{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.hx-p{display:flex;flex-direction:column;gap:8px;min-width:0}
.hx-p .im{height:150px;border-radius:16px;background:var(--card2) center/cover;border:1px solid var(--line)}
.hx-p b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-p small{font-size:12.5px;color:var(--mut)}
.hx-p small i{font-style:normal;color:#3FBF7F}
html[data-theme=light] .hx-p small i{color:#1F8A55}
.hx-empty{color:var(--mut);padding:24px;text-align:center;grid-column:1/-1}

.hx-posters{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hx-post{position:relative;height:340px;border-radius:20px;overflow:hidden;color:#fff!important;background:#000 var(--img) center/cover;border:1px solid var(--line)}
.hx-post::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(var(--ov),.9))}
.hx-post span{position:absolute;right:16px;left:16px;bottom:14px;display:flex;flex-direction:column;gap:2px}
.hx-post small{font-size:13px;color:#F2CD7E}.hx-post b{font-size:22px}

.hx-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hx-col{padding:16px 18px;min-width:0}
.hx-col-h{display:flex;justify-content:space-between;margin-bottom:6px}.hx-col-h b{font-size:17px}.hx-col-h a{color:var(--goldt);font-size:13px}
.hx-li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;min-width:0}
.hx-li:last-child{border-bottom:0}
.hx-li img,.hx-li .ph{width:32px;height:32px;border-radius:9px;object-fit:cover;flex:none;background:var(--card2)}
.hx-li img.lg{object-fit:contain;background:#fff;width:42px;height:30px;border-radius:7px}
.hx-li span{flex:1;min-width:0;line-height:1.5}
.hx-li small{color:var(--mut);font-size:12.5px;white-space:nowrap}

.hx-chains{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,170px);gap:12px}
.hx-chf{grid-area:1/1/3/3;position:relative;border-radius:20px;overflow:hidden;color:#fff!important;background:#111 var(--img) center/cover;border:1px solid var(--line)}
.hx-chf.noimg{background:radial-gradient(circle at 70% 30%,#2A2A2F,#0E0E10)}
.hx-chf::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--ov),.1) 25%,rgba(var(--ov),.92))}
.hx-chf .c{position:absolute;right:20px;left:20px;bottom:18px;display:flex;flex-direction:column;gap:10px}
.hx-chf .r{display:flex;align-items:center;gap:12px}
.hx-chf .r b{font-size:22px;display:block}.hx-chf .r small{display:block;color:#F2CD7E;font-size:14px}
.hx-chf .nb{font-size:14.5px;color:#E6E6EA}.hx-chf .nb i{font-style:normal;color:#7BE0A0}
.hx-chf .a{display:flex;gap:10px;flex-wrap:wrap}
.hx-chf .a .hx-ghost{color:#fff!important;border-color:rgba(255,255,255,.3)}
.hx-badge{width:58px;height:58px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 0 0 3px rgba(242,205,126,.22),0 6px 18px rgba(0,0,0,.3);overflow:hidden}
.hx-badge img{width:72%;height:72%;object-fit:contain}
.hx-chf .hx-badge{width:64px;height:64px}
.hx-ch{background:var(--sheen);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;text-align:center;min-width:0}
.hx-ch b{font-size:13.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-ch small{color:var(--goldt);font-size:12.5px}
.hx-ch:hover{border-color:var(--gold)}

.hx-hotels{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:170px 170px;gap:12px}
.hx-ho{position:relative;overflow:hidden;border-radius:20px;color:#fff!important;background:#111 var(--img) center/cover}
.hx-ho::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(var(--ov),.88))}
.hx-ho span{position:absolute;right:14px;bottom:12px;left:14px;display:flex;flex-direction:column;gap:2px}
.hx-ho small{font-size:12.5px;color:#F2CD7E}.hx-ho b{font-size:15px;line-height:1.3}.hx-ho.big b{font-size:22px}
.hx-hotels .hx-ho:nth-child(1){grid-area:1/1/3/3}.hx-hotels .hx-ho:nth-child(2){grid-area:1/3/2/5}.hx-hotels .hx-ho:nth-child(3){grid-area:1/5/3/7}.hx-hotels .hx-ho:nth-child(4){grid-area:2/3/3/4}.hx-hotels .hx-ho:nth-child(5){grid-area:2/4/3/5}

.hx-app{position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--line);background:radial-gradient(circle at 15% 50%,var(--card2),var(--bg2) 60%);padding:34px;display:flex;align-items:center;gap:30px}
.hx-app-t{flex:1;display:flex;flex-direction:column;gap:12px;align-items:flex-start;min-width:0}
.hx-app-t>b{font-size:30px}.hx-app-t>span:not(.hx-row){color:var(--mut);font-size:16px;line-height:1.7}.hx-app-t small{color:var(--mut);font-size:12.5px}
.hx-app-i{width:200px;height:200px;border-radius:40px;background:#0B0B0C;border:1px solid var(--line);display:grid;place-items:center;box-shadow:0 0 60px rgba(242,190,75,.25);flex:none}
.hx-app-i img{width:150px;height:150px;border-radius:30px}

.hdir h3{font-size:17px;font-weight:700;margin:18px 0 8px}
.hdir .dl{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;line-height:1.9}
.hdir .dl a{opacity:.8}.hdir .dl a:hover{opacity:1;text-decoration:underline}

.hx-ft{border-top:1px solid var(--line);background:var(--bg2)}
.hx-ft-in{padding-top:30px;padding-bottom:20px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:20px;font-size:14px;color:var(--mut)}
.hx-ft-in>div{display:flex;flex-direction:column;gap:8px}
.hx-ft-in b{color:var(--tx)}
.hx-ft-b .hx-logo b{font-size:20px}
.hx-ft-c{padding-top:12px;padding-bottom:24px;font-size:13px;color:var(--mut)}
body.hx .tabbar{background:var(--hd);border-top:1px solid var(--line);color:var(--tx)}
body.hx .tabbar a.on{color:var(--gold)}
#feedErr .feed-err{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;border:1px solid var(--line);border-radius:20px}
#feedErr .feed-retry{border:0;border-radius:999px;padding:10px 20px;font:inherit;font-weight:700;background:var(--goldbtn);color:#1A1205;cursor:pointer}

/* تابلت */
@media(max-width:1100px){
  .hx-nav{display:none}
  .hx-cats{overflow-x:auto;justify-content:flex-start;scrollbar-width:none;padding-bottom:4px}.hx-cats::-webkit-scrollbar{display:none}
  .hx-two,.hx-docs{grid-template-columns:minmax(0,1fr)}
  .hx-vote{min-height:420px}.hx-docb{min-height:300px}
  .hx-cols{grid-template-columns:repeat(2,1fr)}
  .hx-places{grid-template-columns:repeat(3,1fr)}
  .hx-ft-in{grid-template-columns:repeat(2,1fr)}
}
/* موبايل */
@media(max-width:700px){
  .hx-hd-in{height:60px;gap:10px}
  .hx-logo img{width:38px;height:38px}.hx-logo b{font-size:18px}.hx-logo small{font-size:9.5px}
  .hx-theme button[data-t=auto]{display:none}
  body.hx .egov-btn span{display:none}
  .hx-art{width:118vw;left:-14vw;top:-14vw;opacity:.55}
  .hx-hero-in{padding-top:24px;padding-bottom:26px}
  .hx-hero h1{font-size:34px}
  .hx-eyebrow{font-size:14px}
  .hx-loc-a{font-size:15px}.hx-chip{font-size:12.5px;min-height:30px;padding:4px 11px}
  .hx-hero .hx-card{padding:14px;border-radius:20px}
  .hx-row input{padding:11px 14px;font-size:14px}
  .hx-route-f{flex-wrap:wrap}.hx-route-f input{flex:1 1 100%}.hx-route-f .hx-btn{width:100%}
  .hx-sugs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.hx-sugs::-webkit-scrollbar{display:none}.hx-sugs button{flex:none}
  .hx-main{gap:34px;padding-top:22px}
  .hx-h h2{font-size:22px}.hx-h small{font-size:13px}.hx-h>a{font-size:14px}
  .hx-cat{width:84px}.hx-cat span{width:76px;height:76px;border-radius:22px}.hx-cat img{width:62px;height:62px;border-radius:16px}.hx-cat b{font-size:12.5px}
  .hx-ban{min-height:0}.hx-ban-t{padding:22px 18px;max-width:none}.hx-ban-t b{font-size:22px}.hx-ban-t>span:not(.hx-btn){font-size:14px}
  .hx-ban::before,html[dir=ltr] .hx-ban::before{background:linear-gradient(180deg,rgba(var(--ov),.35),rgba(var(--ov),.9))}
  .hx-ess{grid-template-columns:repeat(2,1fr);grid-template-rows:none;grid-auto-rows:132px;grid-template-areas:"ph ph" "ph ph" "at fu" "su su" "ho po" "me me" "cw ca" "mc mc"}
  .hx-e.big .d{font-size:32px}.hx-e .d{font-size:21px}
  .hx-govs{grid-template-columns:repeat(2,1fr);grid-template-rows:none;grid-auto-rows:150px}
  .hx-govs .hx-g{grid-area:auto!important}.hx-govs .hx-g.big{grid-column:span 2!important;grid-row:span 2!important}
  .hx-g b{font-size:21px}.hx-g.big b{font-size:32px}
  .hx-gchips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.hx-gchips::-webkit-scrollbar{display:none}.hx-gchips a{flex:none}
  .hx-specs{grid-template-columns:repeat(3,1fr)}
  .hx-spec{padding:12px 6px}.hx-spec .i{width:40px;height:40px}.hx-spec b{font-size:13px}
  .hx-specs .hx-spec:nth-child(n+10){display:none}
  .hx-docl{padding:4px 14px}.hx-doc>b{font-size:13.5px}.hx-doc .call{padding:6px 12px}
  .hx-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.hx-tabs::-webkit-scrollbar{display:none}.hx-tabs button{flex:none;padding:7px 15px}
  .hx-places{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.hx-places::-webkit-scrollbar{display:none}
  .hx-posters{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:64%;overflow-x:auto;scrollbar-width:none}.hx-posters::-webkit-scrollbar{display:none}
  .hx-post{height:280px}
  .hx-cols{grid-template-columns:1fr}
  .hx-chains{grid-template-columns:repeat(3,1fr);grid-template-rows:none;grid-auto-rows:126px}
  .hx-chf{grid-area:auto;grid-column:1/-1;grid-row:span 2}
  .hx-ch{padding:8px}.hx-badge{width:48px;height:48px}.hx-ch b{font-size:12.5px}
  .hx-hotels{grid-template-columns:repeat(2,1fr);grid-template-rows:none;grid-auto-rows:150px}
  .hx-hotels .hx-ho:nth-child(n){grid-area:auto}.hx-hotels .hx-ho:nth-child(1){grid-column:span 2}
  .hx-app{flex-direction:column-reverse;align-items:flex-start;padding:22px}.hx-app-t>b{font-size:23px}.hx-app-i{width:110px;height:110px;border-radius:26px}.hx-app-i img{width:84px;height:84px;border-radius:20px}
  .hx-ft-in{grid-template-columns:1fr 1fr}.hx-ft-b{grid-column:1/-1}
  .hx-ft{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}
}
@media(min-width:701px){body.hx .tabbar{display:none}}
@media(prefers-reduced-motion:reduce){.lala .lb{animation:none}}

/* فكرت تجرب */
.hx-blank b{display:inline-block;background:var(--goldbtn);color:#1A1205;border-radius:12px;padding:0 12px;margin-inline-start:4px}
.hx-opts{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:-4px 0 12px}.hx-opts::-webkit-scrollbar{display:none}
.hx-opts button{flex:none;border:1px solid var(--line);background:var(--chip);color:var(--tx);border-radius:999px;padding:6px 14px;font:inherit;font-size:13px;cursor:pointer}
.hx-opts button.on{border-color:var(--gold);color:var(--goldt)}
.hx-try{display:grid;grid-auto-flow:column;grid-auto-columns:180px;gap:12px;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}
.hx-try.skl{min-height:280px}
.hx-tp{display:flex;flex-direction:column;gap:6px;min-width:0}
.hx-tp .im{height:180px;border-radius:16px;background:#fff center/cover;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center}
.hx-tp .im img{width:100%;height:100%;object-fit:cover}
.hx-tp .im.lg{background-size:70%;background-repeat:no-repeat}
.hx-tp b{font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hx-tp>span:not(.im){font-size:12.5px;color:var(--mut)}
.hx-tp .pr{color:var(--goldt)!important;font-weight:700;font-size:14px!important}
.hx-tp small{font-size:12px;color:var(--goldt)}.hx-tp small i{font-style:normal}
.hx-tp-h{grid-column:span 1}
.hx-tp-h .im{background-color:#fff}
@media(max-width:700px){.hx-try{grid-auto-columns:150px}.hx-tp .im{height:150px}.hx-blank b{padding:0 8px}}

/* ودجتس الموقع القديمة (بصمتك، شريط اللغة) بلون الهوية الجديدة */
body.hx #langbar{background:#E3B24F!important}
body.hx .dna-go,body.hx .dna-hero{background:linear-gradient(180deg,#F7DC93 0%,#E3B24F 52%,#B98A2E 100%)!important}
.hx-two>*,.hx-docs>*,.hx-cols>*{min-width:0}
/* إلغاء ستايل .hero .search القديم من eg.css (الكلاس متساب عشان Lala تعرف الكارت) */
.hx-hero .search{margin:0;max-width:none;height:auto;border-radius:0;background:none;box-shadow:none;padding:0;color:inherit}
.hx-hero .hx-row input::placeholder{color:#B4B4BE}
.hx-btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 10px rgba(0,0,0,.22)}
.hx-tabs button[aria-selected=true]{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 10px rgba(0,0,0,.22)}
body.hx .tabbar a{font-size:11.5px}
@media(max-width:700px){.hx-logo small{font-size:11px;letter-spacing:1.5px}}
.hx-nav a{white-space:nowrap}
html[dir=ltr] .hx-art{left:auto;right:2%}
html[dir=ltr] .hx-nav{gap:16px;font-size:14px}
html[dir=ltr] .hx-nav a[href^="/merchants"]{display:none}
@media(max-width:1300px){html[dir=ltr] .hx-nav{display:none}}
.hx-hero .search input{flex:1;min-width:0;font:inherit;font-size:15px;font-weight:400;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:12px 18px;min-height:46px;outline:none}
@media(max-width:700px){.hx-hero .search input{padding:11px 14px;font-size:14px}}
@media(max-width:700px){.hx-govs .hx-g:last-child{grid-column:span 2!important}}
.hx-hero .hx-lala .search{background:none!important;box-shadow:none!important;height:auto!important;border-radius:0!important;padding:0!important;margin:0!important;max-width:none!important}
body.hx .tabbar{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:60;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
body.hx .tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--mut);padding:4px 0}
body.hx .tabbar svg{width:22px;height:22px}
@media(min-width:701px){body.hx .tabbar{display:none}}
body.hx #consent button:last-child{background:#E3B24F!important;color:#1A1205!important}
body.hx #consent a{color:#F2CD7E!important}

/* ===== موبايل مضغوط: مربعات أصغر جنب بعض وسكرول أقل ===== */
@media(max-width:700px){
  .hx-main{gap:26px}
  .hx-h{margin-bottom:10px}
  /* ضروريات حواليك: ٣ أعمدة، الصيدلية ٢×٢ */
  .hx-ess{grid-template-columns:repeat(3,1fr);grid-auto-rows:92px;gap:8px;
    grid-template-areas:"ph ph at" "ph ph fu" "su ho po" "me me cw" "ca mc mc"}
  .hx-e{border-radius:14px}
  .hx-e .k{top:7px;right:7px;gap:5px;padding:2px 8px 2px 2px;font-size:10.5px;max-width:calc(100% - 14px);white-space:nowrap;overflow:hidden}
  html[dir=ltr] .hx-e .k{right:auto;left:7px;padding:2px 2px 2px 8px}
  .hx-e .k .hx-ic{width:20px;height:20px;border-radius:6px}.hx-e .k .hx-ic svg{width:12px;height:12px}
  .hx-e .v{inset:auto 8px 6px 8px}
  .hx-e .d,.hx-e.sm .d{font-size:15px}.hx-e.big .d{font-size:26px}
  .hx-e .n{font-size:10.5px}.hx-e.big .n{font-size:12.5px}
  /* المحافظات: ٣ أعمدة */
  .hx-govs{grid-template-columns:repeat(3,1fr);grid-auto-rows:100px;gap:8px}
  .hx-govs .hx-g.big{grid-column:span 2!important;grid-row:span 2!important}
  .hx-govs .hx-g:last-child{grid-column:span 3!important}
  .hx-g{border-radius:14px}.hx-g span{right:8px;left:8px;bottom:6px}
  .hx-g b{font-size:15px}.hx-g.big b{font-size:24px}.hx-g small{font-size:10px}
  .hx-gchips{margin-top:8px;gap:6px}
  /* قارن + تصويت */
  .hx-vote{min-height:300px}.hx-vote-h b{font-size:18px}.hx-poll{display:none}
  /* الدكاترة والمصالح: الصورة شريط قصير والأنواع صف بيتسحب */
  .hx-docs{gap:10px}
  .hx-docb{min-height:0;height:120px;background-position:center 25%}
  .hx-docb::before{background:linear-gradient(90deg,rgba(var(--ov),.2),rgba(var(--ov),.9) 70%)}
  html[dir=rtl] .hx-docb::before{background:linear-gradient(270deg,rgba(var(--ov),.2),rgba(var(--ov),.9) 70%)}
  .hx-docb-t{padding:12px 14px}.hx-docb-t b{font-size:17px}.hx-docb-t>span:not(.hx-btn){display:none}.hx-docb-t .hx-btn{min-height:36px;padding:7px 14px;font-size:13px}
  .hx-specs{display:flex;overflow-x:auto;scrollbar-width:none;gap:8px}.hx-specs::-webkit-scrollbar{display:none}
  .hx-specs .hx-spec{flex:none;width:92px;padding:10px 6px;display:flex!important}
  .hx-spec .i{width:34px;height:34px;border-radius:10px}.hx-spec .i svg{width:20px;height:20px}.hx-spec b{font-size:12px}.hx-spec small{font-size:10.5px}
  .hx-docl{padding:2px 12px}.hx-doc{padding:9px 0;gap:9px}.hx-doc .i{width:32px;height:32px}.hx-doc .t a{font-size:13.5px}
  .hx-docl .hx-doc:nth-child(n+4){display:none}
  /* البيت والشغل: كروت جنب بعض بتتسحب */
  .hx-cols{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scrollbar-width:none;gap:10px}.hx-cols::-webkit-scrollbar{display:none}
  .hx-col{padding:12px 14px}.hx-li{padding:7px 0;font-size:13px}
  /* السلاسل */
  .hx-chains{grid-auto-rows:104px;gap:8px}
  .hx-chf .c{right:12px;left:12px;bottom:12px;gap:8px}.hx-chf .r b{font-size:18px}.hx-chf .hx-badge{width:48px;height:48px}
  .hx-chf .nb{font-size:12.5px}.hx-chf .a .hx-btn{min-height:36px;padding:7px 14px;font-size:13px}
  .hx-ch{gap:4px;border-radius:14px}.hx-ch .hx-badge{width:40px;height:40px}.hx-ch b{font-size:11.5px}.hx-ch small{font-size:10.5px}
  /* الفنادق: صف بيتسحب */
  .hx-hotels{display:grid;grid-template-columns:none;grid-template-rows:none;grid-auto-flow:column;grid-auto-columns:62%;grid-auto-rows:170px;overflow-x:auto;scrollbar-width:none;gap:10px}.hx-hotels::-webkit-scrollbar{display:none}
  .hx-hotels .hx-ho:nth-child(n){grid-area:auto!important;grid-column:auto!important}
  /* الوجهات والأماكن أصغر */
  .hx-post{height:220px}.hx-posters{grid-auto-columns:52%}
  .hx-places{grid-auto-columns:46%}.hx-p .im{height:118px}
  .hx-try{grid-auto-columns:128px}.hx-tp .im{height:128px}
  /* البنرات */
  .hx-ban-t{padding:16px 14px;gap:8px}.hx-ban-t b{font-size:19px}.hx-ban-t>span:not(.hx-btn){font-size:13px;line-height:1.6}
  .hx-app{padding:18px;gap:12px}.hx-app-i{display:none}.hx-app-t>b{font-size:20px}
  /* دليل الروابط: مقفول لحد ما الزائر يفتحه */
  .hdir:not(.open){max-height:180px;overflow:hidden;position:relative}
  .hdir:not(.open)::after{content:"";position:absolute;inset:auto 0 0 0;height:70px;background:linear-gradient(transparent,var(--bg))}
  .hdir-more{display:block;margin:8px auto 0;border:1px solid var(--line);background:transparent;color:var(--goldt);border-radius:999px;padding:8px 18px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
}
@media(min-width:701px){.hdir-more{display:none}}
@media(max-width:700px){.hx-govs{grid-auto-flow:dense}.hx-govs .hx-g:last-child{grid-column:span 2!important}}