[hidden]{display:none!important}
/* ========== الألوان (فاتح) ========== */
:root{
  --bg:#F5F7F6; --card:#FFFFFF; --band:#EEF2F0; --ink:#14231B; --ink-2:#33443B; --muted:#5A6B62; --line:#E2E8E4; --line-2:#CCD5D0;
  --brand:#0E9A5A; --brand-2:#0B8A50; --brand-soft:#E2F4EA; --brand-ink:#0A6B40; --brand-line:#9FD3B7;
  --orange:#E8601A; --orange-2:#D4530F; --orange-soft:#FDEEE3; --orange-ink:#A4470C;
  --danger:#B42318; --danger-soft:#FDE7E5; --fav:#D93B3B; --dot:#FF7A2F;
  --shadow:0 8px 24px rgba(20,35,27,.10); --overlay:rgba(10,20,15,.5);
  --hdr:60px; --container:1280px; color-scheme:light;
  /* ألوان الأقسام */
  --c-all-bg:#E9F6EF;--c-all:#0A6B40; --c-cars-bg:#E8F0FD;--c-cars:#2453A0; --c-realestate-bg:#FDEEE4;--c-realestate:#A4470C;
  --c-mobiles-bg:#F0EBFC;--c-mobiles:#5B3FA6; --c-appliances-bg:#E6F5F7;--c-appliances:#0F6B78; --c-furniture-bg:#FBF1E1;--c-furniture:#8A5A0B;
  --c-jobs-bg:#EEF1F5;--c-jobs:#36485E; --c-services-bg:#FCEAF0;--c-services:#9E2F58; --c-fashion-bg:#FFEFF7;--c-fashion:#A0306E;
  --c-animals-bg:#EEF6E2;--c-animals:#4B6B12; --c-games-bg:#E9ECFD;--c-games:#3B45A8; --c-other-bg:#F0F2F1;--c-other:#4A5A52;
}
/* ========== الوضع الليلي ========== */
:root[data-theme="dark"]{
  --bg:#0F1713; --card:#17221C; --band:#1E2A24; --ink:#E7EFEA; --ink-2:#C4D1CA; --muted:#93A69B; --line:#26352D; --line-2:#33463B;
  --brand:#0E9A5A; --brand-2:#12A863; --brand-soft:#163126; --brand-ink:#7FD8A8; --brand-line:#2C5A43;
  --orange:#F26B1D; --orange-2:#FF7E35; --orange-soft:#3A2416; --orange-ink:#F6B488;
  --danger:#FF8A80; --danger-soft:#3A1C1A; --fav:#FF6B6B;
  --shadow:0 8px 24px rgba(0,0,0,.4); --overlay:rgba(0,0,0,.6); color-scheme:dark;
  --c-all-bg:#163126;--c-all:#7FD8A8; --c-cars-bg:#1A2740;--c-cars:#9DBCF0; --c-realestate-bg:#3A2416;--c-realestate:#F2B48A;
  --c-mobiles-bg:#2A2240;--c-mobiles:#C5B2F2; --c-appliances-bg:#152F33;--c-appliances:#8ED6E0; --c-furniture-bg:#33280F;--c-furniture:#E8C27C;
  --c-jobs-bg:#232A33;--c-jobs:#B8C4D3; --c-services-bg:#3A1C27;--c-services:#F0A3BF; --c-fashion-bg:#3A1A2C;--c-fashion:#F3A6D0;
  --c-animals-bg:#22301A;--c-animals:#B9DB84; --c-games-bg:#1F2340;--c-games:#AEB6F5; --c-other-bg:#222B27;--c-other:#B5C2BB;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{font-size:var(--fs,16px)}
body{font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:1rem;line-height:1.6;-webkit-tap-highlight-color:transparent;transition:background .2s}
a{color:var(--brand-ink)}a:hover{color:var(--brand)}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.disp{font-family:'Lalezar',system-ui,sans-serif;font-weight:400;letter-spacing:0}
.container{max-width:var(--container);margin:0 auto;padding:0 16px}
@media (min-width:900px){.container{padding:0 24px}:root{--hdr:72px}}
.shell{min-height:100vh;display:flex;flex-direction:column}
.main{flex:1;width:100%;max-width:760px;margin:0 auto;padding-bottom:96px;outline:none}
.main.wide{max-width:none}
@media (min-width:900px){.main{padding-bottom:40px}}
.loading{padding:60px 16px;text-align:center;color:var(--muted)}
:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

/* ========== الهيدر ========== */
.topbar{background:var(--brand);color:#fff;position:sticky;top:0;z-index:30}
.topbar .container{height:var(--hdr);display:flex;align-items:center;gap:14px}
.logo{display:flex;align-items:center;text-decoration:none;color:#fff;flex:none}
.logo img{height:34px;width:auto}
@media (min-width:900px){.logo img{height:40px}}
.hsearch{flex:1 1 360px;display:none;align-items:center;gap:10px;height:46px;border-radius:14px;background:#fff;padding:0 14px;color:#14231B;min-width:0}
.hsearch input{flex:1;min-width:0;border:none;outline:none;font-size:0.9375rem;background:transparent;color:#14231B}
@media (min-width:900px){.hsearch{display:flex}}
.hctrls{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.hbtn{height:42px;min-width:42px;padding:0 12px;border-radius:12px;border:none;background:rgba(0,0,0,.16);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:0.875rem;font-weight:500;text-decoration:none;position:relative}
.hbtn:hover{background:rgba(0,0,0,.26);color:#fff}
.hbtn.icon{padding:0;width:42px}
.hbtn .reddot{position:absolute;top:8px;left:9px;width:10px;height:10px;border-radius:999px;background:var(--dot);border:2px solid var(--brand)}
.hbtn.user{padding:0 8px 0 12px;font-weight:700}
.hbtn.user .avatar{width:28px;height:28px;font-size:0.8125rem}
.hadd{height:46px;border-radius:14px;background:var(--orange);color:#fff;padding:0 18px;font-size:0.9375rem;font-weight:700;display:none;align-items:center;gap:8px;text-decoration:none;box-shadow:0 4px 14px rgba(232,96,26,.35)}
.hadd:hover{background:var(--orange-2);color:#fff}
@media (min-width:900px){.hadd{display:inline-flex}}
@media (max-width:899px){.hbtn .lbl,.hbtn.user > svg{display:none}.hbtn.user{padding:0;width:42px}}
.hmenu{position:absolute;top:50px;left:0;min-width:210px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;z-index:40}
.hmenu a,.hmenu button{display:flex;align-items:center;height:44px;padding:0 12px;border-radius:10px;border:none;background:none;text-decoration:none;color:var(--ink);font-size:0.9375rem;text-align:start;width:100%}
.hmenu a:hover,.hmenu button:hover{background:var(--band);color:var(--ink)}
.hwrap{position:relative}

/* ========== الهيرو ========== */
.hero{background:var(--brand);color:#fff;border-radius:0 0 28px 28px}
.hero .container{padding-top:6px;padding-bottom:22px;display:flex;flex-direction:column;gap:12px}
.hero h1{margin:0;font-size:1.75rem;line-height:1.3}
.hero p{margin:0;font-size:1.0625rem;color:#D8F1E4;display:none}
.hero .msearch{display:flex;align-items:center;gap:10px;height:52px;border-radius:16px;background:#fff;padding:0 14px;color:#14231B}
.hero .msearch input{flex:1;min-width:0;border:none;outline:none;font-size:1rem;background:transparent;color:#14231B}
.placebtn{align-self:flex-start;height:34px;border-radius:999px;border:none;background:rgba(0,0,0,.18);color:#fff;padding:0 12px;font-size:0.8125rem;display:inline-flex;align-items:center;gap:6px}
@media (min-width:900px){
  .hero{border-radius:0 0 36px 36px}
  .hero .container{padding-top:18px;padding-bottom:34px;gap:6px}
  .hero h1{font-size:2.875rem;line-height:1.25}.hero p{display:block}
  .hero .msearch{display:none}
  .placebtn{margin-top:8px;height:38px;font-size:0.875rem}
}

/* ========== الأقسام ========== */
.cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:16px}
.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:84px;border-radius:18px;border:none;font-size:0.8125rem;font-weight:700;text-decoration:none;text-align:center;line-height:1.25;padding:4px;transition:transform .12s}
.tile:active{transform:scale(.97)}
.tile svg{width:28px;height:28px}
.tile.on{box-shadow:inset 0 0 0 2px currentColor}
@media (min-width:600px){.cats{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:1100px){.cats{grid-template-columns:repeat(12,minmax(0,1fr))!important}}
@media (min-width:900px){.cats{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;padding-top:22px}.tile{height:104px;border-radius:20px;font-size:0.9375rem;gap:8px}.tile svg{width:34px;height:34px}}
.c-all{background:var(--c-all-bg);color:var(--c-all)}.c-cars{background:var(--c-cars-bg);color:var(--c-cars)}.c-realestate{background:var(--c-realestate-bg);color:var(--c-realestate)}
.c-mobiles{background:var(--c-mobiles-bg);color:var(--c-mobiles)}.c-appliances{background:var(--c-appliances-bg);color:var(--c-appliances)}.c-furniture{background:var(--c-furniture-bg);color:var(--c-furniture)}
.c-jobs{background:var(--c-jobs-bg);color:var(--c-jobs)}.c-services{background:var(--c-services-bg);color:var(--c-services)}.c-fashion{background:var(--c-fashion-bg);color:var(--c-fashion)}
.c-animals{background:var(--c-animals-bg);color:var(--c-animals)}.c-games{background:var(--c-games-bg);color:var(--c-games)}.c-other{background:var(--c-other-bg);color:var(--c-other)}
.c-all:hover,.c-cars:hover,.c-realestate:hover,.c-mobiles:hover,.c-appliances:hover,.c-furniture:hover,.c-jobs:hover,.c-services:hover,.c-fashion:hover,.c-animals:hover,.c-games:hover,.c-other:hover{filter:brightness(.97)}

/* ========== شريط الأدوات ========== */
.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:14px}
.segctl{display:flex;background:var(--band);border-radius:12px;padding:3px}
.segctl button,.segctl a{height:38px;padding:0 14px;border-radius:10px;border:none;font-size:0.875rem;font-weight:500;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.segctl .on{background:var(--card);color:var(--ink);font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.fbtn{height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--card);color:var(--ink);font-size:0.875rem;font-weight:700;display:inline-flex;align-items:center;gap:8px}
.fbtn .n{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--orange);color:#fff;font-size:0.75rem;display:flex;align-items:center;justify-content:center}
.sortsel{display:none;align-items:center;gap:8px;font-size:0.875rem;color:var(--muted)}
@media (min-width:900px){.sortsel{display:flex}}
.spacer{flex:1}
.achips{display:flex;gap:6px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:none}
.achips::-webkit-scrollbar{display:none}
.subchips{display:flex;gap:6px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:none}
.subchips::-webkit-scrollbar{display:none}
.sechead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:16px 0 10px}
.sechead h2{margin:0;font-size:1.375rem}
@media (min-width:900px){.sechead h2{font-size:1.875rem}}
.countline{font-size:0.8125rem;color:var(--muted);text-align:left}

/* ========== كروت الإعلانات ========== */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:600px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media (min-width:900px){.grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px}}
.lcard{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--card);text-decoration:none;color:var(--ink);position:relative;transition:box-shadow .15s,transform .15s;min-width:0}
.lcard:hover{box-shadow:var(--shadow);color:var(--ink)}
.lcard .lim{position:relative;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden}
.lcard .lim img{width:100%;height:100%;object-fit:cover}
.lcard .lim svg{width:44px;height:44px}
.lcard .kmb{position:absolute;bottom:8px;right:8px;background:rgba(20,35,27,.74);color:#fff;font-size:0.6875rem;font-weight:700;padding:2px 8px;border-radius:999px}
.lcard .sold{position:absolute;top:8px;right:8px;background:var(--danger);color:#fff;font-size:0.75rem;font-weight:700;padding:2px 10px;border-radius:999px}
.lcard .favb{position:absolute;top:8px;left:8px;width:32px;height:32px;border-radius:999px;border:none;background:rgba(255,255,255,.94);color:#14231B;display:flex;align-items:center;justify-content:center;z-index:2;padding:0}
.lcard .favb.on{color:var(--fav)}
.lcard .favb svg{width:17px;height:17px}
.lcard .lbody{display:flex;flex-direction:column;gap:2px;padding:9px 10px 11px;min-width:0}
.lcard .lp{font-size:1.1875rem;line-height:1.25;color:var(--ink)}
.lcard .lt{font-size:0.8125rem;font-weight:500;line-height:1.45;height:2.9em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.lcard .la{font-size:0.75rem;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lcard .lm{font-size:0.6875rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;display:flex;gap:8px;align-items:center}
.lcard .lm svg{width:13px;height:13px;vertical-align:-2px}
@media (min-width:900px){.lcard{border-radius:18px}.lcard .lp{font-size:1.4375rem}.lcard .lt{font-size:0.9375rem}.lcard .lbody{padding:12px 14px 14px;gap:3px}.lcard .lm{font-size:0.8125rem}.lcard .kmb{font-size:0.75rem;bottom:10px;right:10px;padding:3px 10px}}
.hscroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.hscroll .lcard{flex:none;width:156px}
.hscroll .lcard .lp{font-size:1.0625rem}
.hscroll .lcard .lt{font-size:0.75rem}
@media (min-width:900px){.hscroll .lcard{width:200px}.hscroll .lcard .lp{font-size:1.1875rem}.hscroll .lcard .lt{font-size:0.875rem}}
.recent{padding-top:6px}
.recent h3{margin:0 0 8px;font-size:1.125rem}

/* تحميل */
.sk{background:linear-gradient(90deg,var(--band) 25%,var(--line) 37%,var(--band) 63%);background-size:400% 100%;animation:sk 1.3s ease infinite;border-radius:6px;display:block}
@keyframes sk{0%{background-position:100% 50%}100%{background-position:0 50%}}
@media (prefers-reduced-motion:reduce){.sk{animation:none}}
.lcard.skel{pointer-events:none}
.lcard.skel .lim{background:none}
.sk-t{height:14px;width:80%;margin-top:6px}.sk-p{height:20px;width:45%}.sk-m{height:12px;width:60%;margin-top:6px}

/* ========== الشريط السفلي (موبايل) ========== */
.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--card);border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;height:68px;padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box}
.bottomnav a{width:64px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:0.6875rem;color:var(--muted);text-decoration:none;position:relative}
.bottomnav a.on{color:var(--brand-ink);font-weight:700}
.bottomnav a.fab{width:56px;height:56px;border-radius:18px;background:var(--orange);color:#fff;margin-top:-22px;box-shadow:0 6px 16px rgba(242,107,29,.4)}
.badge{position:absolute;top:4px;left:12px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--dot);color:#fff;font-size:0.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center}
@media (min-width:900px){.bottomnav{display:none}}

/* ========== عناصر عامة ========== */
.avatar{width:40px;height:40px;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink);display:inline-flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;flex:none}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar.lg{width:72px;height:72px;font-size:1.75rem}
.pad{padding:14px 16px}
.stack{display:flex;flex-direction:column;gap:12px}
.row{display:flex;align-items:center;gap:10px}
.between{justify-content:space-between}
.muted{color:var(--muted)}
.small{font-size:0.875rem}
.xs{font-size:0.75rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px}
.h1{font-size:1.375rem;font-weight:700;margin:0;line-height:1.4}
.h2{font-size:1.125rem;font-weight:700;margin:0}
.ptitle{font-size:1.625rem;margin:0}
.btn{height:50px;padding:0 18px;border-radius:14px;border:1px solid var(--brand);background:var(--card);color:var(--brand-ink);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:0.9375rem}
.btn:hover{color:var(--brand-ink);background:var(--brand-soft)}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.primary:hover{background:var(--brand-2);color:#fff}
.btn.orange{background:var(--orange);border-color:var(--orange);color:#fff}
.btn.orange:hover{background:var(--orange-2);color:#fff}
.btn.ghost{border-color:var(--line-2);color:var(--ink);font-weight:500}
.btn.ghost:hover{background:var(--band)}
.btn.danger{border-color:var(--danger-soft);color:var(--danger)}
.btn.sm{height:40px;padding:0 14px;border-radius:12px;font-size:0.875rem}
.btn.block{width:100%}
.btn[disabled]{opacity:.6;cursor:default}
.iconbtn{width:44px;height:44px;border-radius:999px;border:none;background:rgba(255,255,255,.95);color:#14231B;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15);text-decoration:none;flex:none}
.iconbtn.flat{box-shadow:none;background:var(--band);color:var(--ink)}
.linkbtn{background:none;border:none;color:var(--muted);text-decoration:underline;padding:8px 0;font-size:0.875rem}
.chip{flex:none;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--card);color:var(--ink);font-size:0.875rem;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.chip.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink);font-weight:700}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:0.75rem;background:var(--band);color:var(--ink-2)}
.tag svg{width:13px;height:13px}
.tag.km{background:var(--orange-soft);color:var(--orange-ink);font-weight:700}
.tag.sold{background:var(--danger-soft);color:var(--danger);font-weight:700}
.empty{border:1px dashed var(--line-2);border-radius:16px;background:var(--card);padding:28px 18px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;margin:0 16px}
.wide .empty,.container .empty{margin:0}
.list{padding:0 16px 16px}
.thumb{flex:none;width:96px;height:96px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--band);color:var(--muted)}
.thumb img{width:100%;height:100%;object-fit:cover}
.listmore{display:flex;margin:18px auto 4px;height:48px;padding:0 36px}
.morebtn{height:44px;border:1px solid var(--brand);border-radius:12px;background:var(--card);color:var(--brand-ink);font-size:0.9375rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}

/* ========== ورقة الفلترة ========== */
.sheet{position:fixed;inset:0;z-index:60;background:var(--overlay);display:flex;flex-direction:column;justify-content:flex-end;animation:fade .15s}
.sheet .sbox{max-height:88vh;background:var(--card);color:var(--ink);border-radius:26px 26px 0 0;display:flex;flex-direction:column;animation:up .2s ease-out;width:100%;max-width:640px;margin:0 auto}
@media (min-width:900px){.sheet{justify-content:center;padding:24px}.sheet .sbox{border-radius:24px;max-height:86vh}}
@keyframes up{from{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.sheet,.sheet .sbox{animation:none}}
.sgrab{display:flex;justify-content:center;padding-top:8px}.sgrab span{width:44px;height:5px;border-radius:999px;background:var(--line-2)}
.shead{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 10px}
.shead h2{margin:0;font-size:1.5rem}
.sbody{flex:1;overflow-y:auto;padding:0 16px 12px;display:flex;flex-direction:column;gap:18px}
.sgroup{display:flex;flex-direction:column;gap:8px}
.sgroup > b{font-size:0.9375rem}
.sfoot{flex:none;display:flex;gap:8px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
.sfoot .btn{height:50px}
.pricerow{display:flex;gap:8px;align-items:center}
.pricerow label{flex:1}

/* ========== الخريطة ========== */
.mapwrap{position:relative;height:calc(100vh - var(--hdr) - 68px);height:calc(100dvh - var(--hdr) - 68px);background:var(--band)}
@media (min-width:900px){.mapwrap{height:calc(100vh - var(--hdr));height:calc(100dvh - var(--hdr))}}
#map,#pickmap{direction:ltr}
#map{position:absolute;inset:0;z-index:1}
.maptop{position:absolute;top:12px;right:12px;left:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;z-index:5;pointer-events:none}
.maptop > *{pointer-events:auto}
.maptop .segctl{background:var(--card);box-shadow:0 2px 8px rgba(0,0,0,.18)}
.maptop .segctl .on{background:var(--brand);color:#fff}
.maptop .fbtn{border:none;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.areabtn{position:absolute;top:68px;right:50%;transform:translateX(50%);height:40px;padding:0 16px;border-radius:999px;border:none;background:var(--ink);color:var(--bg);font-size:0.8125rem;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.25);white-space:nowrap;z-index:5}
.locbtn{position:absolute;left:14px;bottom:18px;z-index:5;color:var(--brand-ink);background:var(--card)}
.locbtn.up{bottom:132px}
.mapcard{position:absolute;bottom:14px;right:14px;left:14px;display:flex;gap:12px;align-items:center;padding:10px;border-radius:18px;background:var(--card);color:var(--ink);text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.25);z-index:5;max-width:520px;margin:0 auto}
.mapcard:hover{color:var(--ink)}
.mapcard .mi{flex:none;width:88px;height:88px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.mapcard .mi img{width:100%;height:100%;object-fit:cover}.mapcard .mi svg{width:32px;height:32px}
.mapcard .mb{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.mapcard .mb .disp{font-size:1.25rem;line-height:1.2}
.mapcard .mb .t{font-size:0.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mapcard .go{font-size:0.8125rem;font-weight:700;color:var(--brand-ink);flex:none}
.mapcard .x{position:absolute;top:-10px;left:-6px;width:28px;height:28px;border-radius:999px;border:none;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;padding:0}
.mapnote{position:absolute;bottom:14px;right:14px;left:14px;z-index:4;background:var(--card);border-radius:14px;padding:10px 14px;font-size:0.8125rem;color:var(--muted);box-shadow:0 2px 8px rgba(0,0,0,.15);max-width:520px;margin:0 auto;text-align:center}
.pin{--pc:var(--brand);position:relative;display:inline-block;white-space:nowrap;transform:translate(-50%,calc(-100% - 7px));border-radius:999px;padding:4px 10px;font:700 .8125rem/1.3 'IBM Plex Sans Arabic',system-ui,sans-serif;color:#fff;background:var(--pc);box-shadow:0 0 0 2px rgba(255,255,255,.9),0 2px 6px rgba(0,0,0,.35);cursor:pointer;direction:rtl}
.pin:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);border:6px solid transparent;border-bottom:0;border-top-color:var(--pc)}
.pin.on{--pc:var(--orange)!important;transform:translate(-50%,calc(-100% - 7px)) scale(1.15);z-index:2}
:root[data-theme="dark"] .pin{color:#0F1713;box-shadow:0 0 0 2px rgba(15,23,19,.9),0 2px 6px rgba(0,0,0,.5)}
:root[data-theme="dark"] .pin.on{color:#fff}
.pinicon{background:none;border:none}
.cluster{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:var(--brand);color:#fff;font:700 .875rem 'IBM Plex Sans Arabic',sans-serif;border:3px solid rgba(255,255,255,.85);box-shadow:0 2px 8px rgba(0,0,0,.3)}
.leaflet-container{font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;background:var(--band)}
.leaflet-control-attribution{font-size:0.625rem}
:root[data-theme="dark"] .leaflet-control-attribution{background:rgba(23,34,28,.8)!important;color:#93A69B}
:root[data-theme="dark"] .osm-tiles{filter:invert(1) hue-rotate(180deg) brightness(.9) contrast(.9) saturate(.6)}
:root[data-theme="dark"] .leaflet-control-attribution a{color:#7FD8A8}
.leaflet-control-zoom{display:none}
@media (min-width:900px){.leaflet-control-zoom{display:block}}
/* اختيار المكان في النشر */
.locpick{position:relative;height:60vh;min-height:320px;border-radius:16px;overflow:hidden}
.locpick #pickmap{position:absolute;inset:0}
.locpick .cpin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);z-index:500;pointer-events:none;color:var(--orange);filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}
.locbox{border:2px dashed var(--brand-line);background:var(--brand-soft);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}
.locbox.done{border-style:solid}
.locbox b{color:var(--brand-ink)}
.locbox .row{flex-wrap:wrap}
.locbox .btn{flex:1;min-width:150px}

/* ========== صفحة الإعلان ========== */
.detailgrid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;padding:20px 24px 24px;align-items:start}
.dmain{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;min-width:0}
.dside{display:flex;flex-direction:column;gap:18px;min-width:0;position:sticky;top:calc(var(--hdr) + 16px)}
@media (max-width:899px){.detailgrid{grid-template-columns:1fr;padding:0 0 24px;gap:12px}.dmain{border:none;border-radius:0}.dside{padding:0 16px;position:static}}
.gallery{position:relative;height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden}
@media (min-width:900px){.gallery{height:440px}}
.gallery .slides{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.gallery .slides::-webkit-scrollbar{display:none}
.gallery .slides img{flex:none;width:100%;height:100%;object-fit:contain;scroll-snap-align:center;background:#0d1310;cursor:zoom-in}
.gallery > svg{width:72px;height:72px}
.gallery .tl{position:absolute;top:12px;right:12px}
.gallery .tr{position:absolute;top:12px;left:12px;display:flex;gap:8px}
.gallery .count{position:absolute;bottom:12px;left:12px;background:rgba(20,35,27,.72);color:#fff;font-size:0.75rem;padding:2px 10px;border-radius:999px}
.thumbs{display:flex;gap:8px;padding:10px 14px 0;overflow-x:auto;scrollbar-width:none}
.thumbs button{flex:none;width:60px;height:60px;border-radius:10px;overflow:hidden;border:2px solid transparent;padding:0;background:var(--band);opacity:.7}
.thumbs button.on{border-color:var(--brand);opacity:1}
.thumbs img{width:100%;height:100%;object-fit:cover}
.detail{padding:14px 16px 18px;display:flex;flex-direction:column;gap:14px}
@media (min-width:900px){.detail{padding:18px 24px 24px}}
.dprice{font-size:2rem;line-height:1.15;color:var(--brand-ink)}
.dtitle{margin:0;font-size:1.1875rem;line-height:1.5;font-weight:700}
@media (min-width:900px){.dprice{font-size:2.375rem}.dtitle{font-size:1.375rem}}
.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
@media (min-width:900px){.specs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.spec{display:flex;align-items:center;gap:10px;background:var(--band);border-radius:14px;padding:10px 12px;min-width:0}
.spec .si{flex:none;width:34px;height:34px;border-radius:10px;background:var(--brand-soft);color:var(--brand-ink);display:flex;align-items:center;justify-content:center}
.spec .si svg{width:18px;height:18px}
.spec dt{font-size:0.6875rem;color:var(--muted)}
.spec dd{margin:0;font-size:0.875rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spec > div{min-width:0}
.desc{white-space:pre-line;color:var(--ink-2);margin:0;line-height:1.85;font-size:0.9375rem}
.seller{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;padding:12px;text-decoration:none;color:var(--ink)}
.seller:hover{color:var(--ink);background:var(--band)}
.seller .avatar{width:48px;height:48px;font-size:1.1875rem}
.seller .pbtn{height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--line-2);font-size:0.8125rem;font-weight:700;display:flex;align-items:center}
.safety{background:var(--band);border-radius:14px;padding:12px 14px}
.actionbar{position:sticky;bottom:68px;display:flex;gap:8px;padding:10px 14px;background:var(--card);border-top:1px solid var(--line);z-index:10}
@media (min-width:900px){.actionbar{position:static;border:none;padding:0}}
.actionbar .btn{flex:1;height:52px}
.actionbar .btn.primary{flex:1.4}
.actionbar .btn.square{flex:none;width:52px;padding:0}
.dside .actionbar{flex-wrap:wrap}
.dside .dbox{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}
.simsec{display:flex;flex-direction:column;gap:10px;padding:0 16px}
.simsec h2{margin:0;font-size:1.3125rem}
@media (min-width:900px){.simsec{padding:0}}
.phonebox .phonerow{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line-2);border-radius:14px;padding:8px 12px}
.phonenum{font-size:1.25rem;font-weight:700;letter-spacing:1px;text-decoration:none;color:var(--ink)}
.minimap{height:160px;border-radius:14px;overflow:hidden;position:relative;z-index:0}

/* عارض الصور */
.viewer{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;overflow:auto}
.viewer img{max-width:100%;max-height:100vh;object-fit:contain;cursor:zoom-in;transition:transform .2s;touch-action:pinch-zoom}
.viewer img.zoom{transform:scale(2);cursor:zoom-out}
.vclose,.vnav{position:fixed;width:48px;height:48px;border-radius:999px;border:none;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;z-index:2}
.vclose{top:16px;left:16px}.vclose svg{width:18px;height:18px}
.vnav{top:50%;transform:translateY(-50%)}.vprev{right:12px}.vnext{left:12px}
.vcount{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);color:#fff;font-size:0.875rem;background:rgba(0,0,0,.5);padding:2px 12px;border-radius:999px}

/* ========== النماذج ========== */
.formhead{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border-bottom:1px solid var(--line)}
.form{display:flex;flex-direction:column;gap:18px;padding:16px}
.field{display:flex;flex-direction:column;gap:8px}
.field > span{font-weight:700;font-size:0.9375rem}
.input,.textarea,.select{width:100%;min-height:50px;border-radius:14px;border:1px solid var(--line-2);background:var(--card);color:var(--ink);padding:0 14px;font-size:1rem;outline:none}
.textarea{padding:12px 14px;min-height:120px;resize:vertical;line-height:1.7}
.input:focus,.textarea:focus,.select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(14,154,90,.2)}
.select.sm,.input.sm{min-height:42px;height:42px;font-size:0.875rem;padding:0 12px;border-radius:12px;width:auto}
.hint{font-size:0.8125rem;color:var(--muted)}
.err{font-size:0.875rem;color:var(--danger)}
.photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.photo{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--band)}
.photo img{width:100%;height:100%;object-fit:cover}
.photo button{position:absolute;top:4px;left:4px;width:28px;height:28px;border-radius:999px;border:none;background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;padding:0}
.photo.cover{outline:2px solid var(--brand);outline-offset:-2px}
.photo .coverlbl,.photo .mkcover{position:absolute;bottom:4px;right:4px;font-size:0.6875rem;font-weight:700;border-radius:6px;padding:2px 6px;border:none}
.photo .coverlbl{background:var(--brand);color:#fff}
.photo .mkcover{background:rgba(0,0,0,.6);color:#fff;width:auto;height:auto;top:auto;left:auto}
.addphoto{aspect-ratio:1;border-radius:12px;border:1.5px dashed var(--brand-line);background:var(--card);color:var(--brand-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:0.8125rem;font-weight:500}
.attrgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;background:var(--band);border-radius:14px;padding:12px}
@media (max-width:420px){.attrgrid{grid-template-columns:1fr}}
.catpick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
@media (min-width:600px){.catpick{grid-template-columns:repeat(6,minmax(0,1fr))}}
.catpick .tile{height:72px;font-size:0.75rem;border-radius:14px}
.catpick .tile svg{width:24px;height:24px}

/* ========== الرسائل ========== */
.conv{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.conv:hover{color:var(--ink);background:var(--band)}
.conv .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.conv .last{font-size:0.875rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conv .last.typing{color:var(--brand-ink);font-weight:500}
.conv.unread .last{color:var(--ink);font-weight:700}
.dot{flex:none;width:10px;height:10px;border-radius:999px;background:var(--dot)}
.notifbar{display:flex;align-items:center;gap:10px;margin:0 16px 10px;padding:10px 12px;border-radius:14px;background:var(--brand-soft);color:var(--brand-ink);font-size:0.875rem}
.notifbar span{flex:1}
.chatwrap{display:flex;flex-direction:column;height:calc(100vh - var(--hdr) - 68px);height:calc(100dvh - var(--hdr) - 68px)}
@media (min-width:900px){.chatwrap{height:calc(100vh - var(--hdr) - 24px);height:calc(100dvh - var(--hdr) - 24px);border-inline:1px solid var(--line)}}
.chathead{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--card);border-bottom:1px solid var(--line)}
.chathead .who{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:1;min-width:0}
.chathead .who .st{font-size:0.75rem;color:var(--muted);font-weight:400}
.chathead .who .st.typing{color:var(--brand-ink);font-weight:500}
.chatlisting{display:flex;align-items:center;gap:10px;margin:10px 12px 0;padding:8px 10px;text-decoration:none;color:var(--ink);border-radius:14px}
.chatlisting:hover{color:var(--ink)}
.chatlisting .thumb{width:44px;height:44px}
.msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:14px 12px;background:var(--band)}
.msg{max-width:78%;padding:8px 12px;border-radius:16px;line-height:1.6;white-space:pre-line;word-break:break-word}
.msg small{display:flex;gap:6px;justify-content:flex-end;font-size:0.6875rem;opacity:.75;margin-top:2px}
.msg.me{align-self:flex-start;background:var(--brand);color:#fff;border-bottom-right-radius:4px}
.msg.them{align-self:flex-end;background:var(--card);color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:4px}
.msg.img{padding:4px}
.msg.img img{border-radius:12px;max-height:260px;width:auto;max-width:100%;cursor:zoom-in;background:var(--line)}
.msg.img small{padding:0 6px 2px}
.msg.pending{opacity:.6}
.seen{align-self:flex-start;font-size:0.6875rem;color:var(--muted);margin-top:-2px;padding:0 4px}
.typingb{align-self:flex-end;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 14px;display:flex;gap:4px}
.typingb i{width:7px;height:7px;border-radius:999px;background:var(--muted);animation:bl 1.2s infinite}
.typingb i:nth-child(2){animation-delay:.2s}.typingb i:nth-child(3){animation-delay:.4s}
@keyframes bl{0%,60%,100%{opacity:.25}30%{opacity:1}}
.quick{display:flex;gap:6px;padding:6px 12px 0;overflow-x:auto;scrollbar-width:none;background:var(--card)}
.quick button{flex:none;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--card);color:var(--ink);font-size:0.875rem;white-space:nowrap}
.composer{display:flex;gap:8px;padding:10px 12px;background:var(--card);align-items:center}
.composer input:not([type=file]){flex:1;min-width:0;height:48px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg);color:var(--ink);padding:0 16px;outline:none}
.composer .send{width:48px;height:48px;border-radius:999px;border:none;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.composer .attach{width:44px;height:44px;border-radius:999px;border:none;background:var(--band);color:var(--ink-2);display:flex;align-items:center;justify-content:center;flex:none}

/* ========== البروفايل ========== */
.profilehead{background:var(--card);border-bottom:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:14px}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.stat{background:var(--band);border-radius:14px;padding:10px;display:flex;flex-direction:column;align-items:center}
.stat b{font-size:1.125rem}
.stat span{font-size:0.8125rem;color:var(--muted)}
.stars{color:#E39A1D;letter-spacing:2px}
.starpick{display:flex;gap:4px;direction:ltr;justify-content:flex-end}
.starpick button{width:44px;height:44px;border:none;background:none;font-size:1.75rem;color:var(--line-2);padding:0}
.starpick button.on{color:#E39A1D}
.review{padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.menu a,.menu button{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 14px;border:none;border-bottom:1px solid var(--line);background:none;width:100%;text-decoration:none;color:var(--ink);text-align:start}
.menu > :last-child{border-bottom:none}
.avwrap{position:relative;flex:none}
.avedit{position:absolute;bottom:-4px;left:-4px;width:32px;height:32px;border-radius:999px;border:2px solid var(--card);background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;padding:0}
.avedit svg{width:16px;height:16px}
.avmenu{top:80px;right:0;left:auto;min-width:170px}
.themerow{display:flex;gap:6px}
.themerow .chip{flex:1;justify-content:center}

.toast{position:fixed;left:16px;right:16px;bottom:88px;max-width:520px;margin:0 auto;background:var(--ink);color:var(--bg);border-radius:14px;padding:12px 14px;font-size:0.9375rem;text-align:center;z-index:120}
@media (min-width:900px){.toast{bottom:24px}}
.signin{padding:40px 20px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}
.gbtn{height:52px;padding:0 20px;border-radius:14px;border:1px solid var(--line-2);background:var(--card);color:var(--ink);font-weight:700;display:inline-flex;align-items:center;gap:10px}

/* الصفحات الثابتة */
.page{max-width:760px;margin:0 auto;padding:24px 16px 40px;line-height:1.9}
.page .h1{margin-bottom:12px}
.page h2{font-size:1.125rem;margin:22px 0 6px}
.page ul{padding-inline-start:20px;margin:6px 0}
.page li{margin:4px 0}
.nf{max-width:640px;margin:0 auto;padding:48px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.nf-code{font-size:5.25rem;color:var(--brand);line-height:1}
.nf .searchrow{display:flex;width:100%;max-width:520px}
.nf .searchrow label{flex:1;display:flex;align-items:center;gap:10px;height:52px;border-radius:16px;background:var(--card);border:1px solid var(--line-2);padding:0 14px}
.nf .searchrow input{flex:1;border:none;outline:none;background:transparent;font-size:1rem}

/* الفوتر */
.footer{background:#0B2A1C;color:#D5E6DC;margin-top:24px;padding:28px 0 96px}
@media (min-width:900px){.footer{padding-bottom:28px}}
.fcols{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.fbrand{display:flex;flex-direction:column;gap:4px}.fbrand img{height:44px;width:auto}.fbrand span{font-size:0.875rem}
.flinks{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}
.flinks a{color:#D5E6DC;text-decoration:none;font-size:0.9375rem}.flinks a:hover{color:#fff;text-decoration:underline}
.fcopy{margin:18px 0 0;font-size:0.8125rem;color:#9FBCAD}
.nofooter .footer{display:none}

/* موبايل / كمبيوتر */
@media (min-width:900px){.mobonly{display:none!important}}
@media (max-width:899px){.deskonly{display:none!important}}
.iconbtn.on{color:var(--fav)}
.gallery .iconbtn[data-fav]{color:#14231B}.gallery .iconbtn[data-fav].on{color:var(--fav)}

.fbtn.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-ink)}
.fbtn svg{flex:none}
.namechoice{display:flex;flex-direction:column;gap:8px}
.namechoice label{display:flex;align-items:center;gap:10px;border:1px solid var(--line-2);border-radius:14px;padding:12px 14px;cursor:pointer}
.namechoice label:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.namechoice input[type=radio]{accent-color:var(--brand);width:18px;height:18px;flex:none}
.namechoice b{font-size:1rem}
.fsrow{display:flex;gap:6px;align-items:center}
.fsrow button{height:36px;min-width:44px;border-radius:10px;border:1px solid currentColor;background:transparent;color:inherit;font-weight:700}
/* زرار المساعدة */
.helpfab{position:fixed;left:14px;bottom:84px;z-index:19;height:44px;padding:0 14px 0 12px;border-radius:999px;background:var(--card);color:var(--brand-ink);border:1px solid var(--brand-line);box-shadow:var(--shadow);display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:700;text-decoration:none}
.helpfab:hover{color:var(--brand-ink);background:var(--brand-soft)}
.helpfab .fabdot{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:999px;background:var(--dot);border:2px solid var(--card)}
@media (min-width:900px){.helpfab{bottom:24px;left:24px}}
.msg.bot{background:var(--brand-soft);border-color:var(--brand-line)}
.helpwrap .quick{flex-wrap:wrap;padding:8px 12px;gap:8px}
.helpwrap .quick button{border-color:var(--brand);color:var(--brand-ink);font-weight:500}
/* الفوتر بالأعمدة */
.fcols{display:grid;grid-template-columns:1fr;gap:22px}
@media (min-width:700px){.fcols{grid-template-columns:1.2fr 1fr 1fr 1fr}}
.fcol{display:flex;flex-direction:column;gap:10px}
.fcol a{display:flex;align-items:center;gap:10px;color:#D5E6DC;text-decoration:none;font-size:.9375rem}
.fcol a:hover{color:#fff}
.fcol svg{flex:none;color:#7FD8A8}
.fsoc{display:flex;gap:8px;margin-top:10px}
.fsoc a{width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center}
.fsoc a:hover{background:rgba(255,255,255,.18)}
.fbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.12);margin-top:22px;padding-top:16px}
.fapps{display:flex;gap:8px;flex-wrap:wrap}
.storebtn{height:44px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.35);background:#000;color:#fff;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.875rem;text-decoration:none}
.storebtn:hover{color:#fff;border-color:#fff}
.footer .fsrow{color:#D5E6DC}
.seo-pre{padding:20px 16px;max-width:760px;margin:0 auto}.seo-pre img{border-radius:12px;margin:10px 0}

/* النسخة الإنجليزي (من الشمال لليمين) */
[dir=ltr] .msg.me{align-self:flex-end}
[dir=ltr] .msg.them{align-self:flex-start}
[dir=ltr] .seen{align-self:flex-end}
[dir=ltr] .typingb{align-self:flex-start}
[dir=ltr] #back svg,[dir=ltr] .chathead .iconbtn svg,[dir=ltr] .formhead .iconbtn svg,[dir=ltr] .menu svg,[dir=ltr] .vnav svg{transform:scaleX(-1)}
[dir=ltr] body{font-family:'IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}

/* زرار الخريطة البرتقاني جنب البحث */
.hmap{flex:none;height:46px;padding:0 16px;border-radius:14px;background:rgba(0,0,0,.16);color:#fff;display:none;align-items:center;gap:8px;font-weight:700;font-size:.9375rem;text-decoration:none;}
.hmap:hover{background:rgba(0,0,0,.26);color:#fff}
@media (min-width:900px){.hmap{display:inline-flex}}
.srow{display:flex;gap:8px;align-items:stretch}
.srow .msearch{flex:1;min-width:0}
.mapbtn{flex:none;width:64px;border-radius:16px;background:rgba(0,0,0,.16);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:.6875rem;font-weight:700;text-decoration:none;}
.mapbtn:hover{color:#fff;background:rgba(0,0,0,.26)}
@media (min-width:900px){.srow{display:none}}
.pin svg{width:14px;height:14px;vertical-align:-2px;margin-inline-end:4px}
/* الموثّق */
.vbadge{display:inline-flex;align-items:center;gap:3px;font-size:.6875rem;font-weight:700;color:#fff;background:#1D9BF0;border-radius:999px;padding:1px 7px 1px 6px;vertical-align:2px;white-space:nowrap}
.vbadge.big{font-size:.8125rem;padding:2px 9px}
.vpage{max-width:900px}
.vgrid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}
@media (min-width:700px){.vgrid{grid-template-columns:1fr 1fr}}
.vcard{padding:18px;border-radius:22px}
.vcard ul{margin:0;padding-inline-start:20px}
.vhead{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.vhead h2{margin:0;font-size:1.125rem;display:flex;gap:8px;align-items:center}
.vhead .si{width:40px;height:40px;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink);display:flex;align-items:center;justify-content:center;flex:none}
.vhead .si svg{width:20px;height:20px}
.vplans{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vplan{border:1px solid var(--line-2);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}
.vplan.best{border-color:var(--orange);background:var(--orange-soft)}
.vprice{font-size:1.75rem;line-height:1.2}
.stbl{width:100%;border-collapse:collapse;font-size:.875rem}
.stbl th,.stbl td{padding:8px 12px;border-bottom:1px solid var(--line);text-align:start}
.stats{flex-wrap:wrap}
/* التعليقات */
.cmts{padding:6px 16px 18px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line)}
@media (min-width:900px){.cmts{padding:16px 24px 22px}}
.cmts h2{margin:8px 0 0;font-size:1.25rem}
.clist{display:flex;flex-direction:column;gap:10px}
.cmt{display:flex;gap:10px;align-items:flex-start}
.cbody{flex:1;min-width:0;background:var(--band);border-radius:4px 16px 16px 16px;padding:8px 12px}
.cname{font-weight:700;font-size:.875rem;color:var(--ink);text-decoration:none}
.ctext{margin:2px 0 0;white-space:pre-line;word-break:break-word;font-size:.9375rem}
.cmt .linkbtn{padding:2px 0;font-size:.75rem}
.cform{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
/* رسالة موافقة الكوكيز */
.consent{position:fixed;left:12px;right:12px;bottom:84px;z-index:40;max-width:560px;margin:0 auto;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.875rem;line-height:1.6}
.consent span{flex:1 1 220px}
.consent a{color:var(--brand-ink);font-weight:700}
.consent .row{display:flex;gap:8px}
@media (min-width:900px){.consent{bottom:24px}}
/* عروض الأسعار */
.offers{padding:6px 16px 18px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line)}
@media (min-width:900px){.offers{padding:16px 24px 22px}}
.offers h2{margin:8px 0 0;font-size:1.25rem}
.olist{display:flex;flex-direction:column;gap:8px}
.offer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--band);border-radius:14px;padding:10px 12px}
.offer.mine{background:var(--card);border:1px solid var(--line)}
.oamt{font-size:1.25rem;color:var(--brand-ink)}
.oform{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.oform .field{min-width:160px}
.tag.ok{background:var(--brand-soft,#E3F5EC);color:var(--brand-ink);font-weight:700}
.chk{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:14px;cursor:pointer}
.chk input{width:20px;height:20px;margin-top:2px;accent-color:var(--brand);flex:none}
.chk > span{display:flex;flex-direction:column;gap:2px}