/* iznza — Fez-tile ink + saffron. Desktop: sticky ink header, category tiles, featured strip, market grid.
   Phone: app shell with bottom tab bar and a raised "بيع" button. */
:root{
  --bg:#f4f5f9; --surface:#ffffff; --raise:#ffffff; --ink:#14214a; --fg:#1b2232; --muted:#646c80; --line:#e2e5ee;
  --tile:#1f3a8a; --tile-soft:color-mix(in srgb,var(--tile) 9%,var(--surface)); --saffron:#f2b31b; --saffron-ink:#3d2a00;
  --saffron-soft:color-mix(in srgb,var(--saffron) 16%,var(--surface));
  --ok:#137a4b; --ok-soft:#e3f5ec; --warn:#9a5b00; --warn-soft:#fff1d9; --danger:#b42318; --danger-soft:#fde8e6;
  --on-tile:#ffffff; --shadow:0 1px 2px rgba(16,24,48,.06),0 6px 20px rgba(16,24,48,.07);
  --display:"Reem Kufi","IBM Plex Sans Arabic",Tahoma,sans-serif;
  --body:"IBM Plex Sans Arabic",Tahoma,"Segoe UI",sans-serif;
  --r:12px; --tabbar:64px;
  color-scheme:light;
}
/* الوضع الليلي: تلقائي حسب الهاتف، ولا يدوي بالزر (data-theme) */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0c1120; --surface:#141b2e; --raise:#1a2238; --fg:#e8ebf4; --muted:#9aa3ba; --line:#252f4a;
  --tile:#8fa8ff; --saffron-ink:#2a1d00;
  --ok:#4cc38a; --ok-soft:#12301f; --warn:#f0b54a; --warn-soft:#33260c; --danger:#ff7b6e; --danger-soft:#3a1714;
  --on-tile:#0c1120; --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0c1120; --surface:#141b2e; --raise:#1a2238; --fg:#e8ebf4; --muted:#9aa3ba; --line:#252f4a;
  --tile:#8fa8ff; --saffron-ink:#2a1d00;
  --ok:#4cc38a; --ok-soft:#12301f; --warn:#f0b54a; --warn-soft:#33260c; --danger:#ff7b6e; --danger-soft:#3a1714;
  --on-tile:#0c1120; --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25); color-scheme:dark}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:0.9375rem;line-height:1.65;-webkit-tap-highlight-color:transparent}
img{max-width:100%}
a{color:var(--tile)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--saffron);outline-offset:2px}
[hidden]{display:none!important}
.wrap{max-width:1240px;margin-inline:auto;padding-inline:16px}
.page{min-height:60vh}
.muted{color:var(--muted)} .small{font-size:0.8125rem}
.vh{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
.ic{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.num{font-variant-numeric:tabular-nums}
h1,h2,h3{text-wrap:balance}

/* ---------- header ---------- */
header.top{position:sticky;top:0;z-index:30;background:var(--ink);color:#fff;
  background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 14px);
  padding-top:env(safe-area-inset-top,0px)}
.bar{display:flex;align-items:center;gap:16px;padding-block:12px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;flex:none}
.logo-mark{width:40px;height:40px;flex:none}
.logo b{font-family:var(--display);font-size:1.625rem;font-weight:700;line-height:1}
.logo small{display:block;font-size:0.6875rem;opacity:.7;margin-top:3px}
.search{flex:1;display:flex;background:#fff;border-radius:var(--r);overflow:hidden;min-width:0;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.search input{flex:1;min-width:0;border:0;padding:12px 16px;background:transparent;color:#1b2232;outline:none}
.search select{border:0;border-inline-start:1px solid #e2e5ee;background:#f4f5f9;color:#1b2232;padding:0 10px;max-width:34%}
.search-go{border:0;background:var(--saffron);color:#14214a;padding:0 16px;cursor:pointer;display:grid;place-items:center}
.top-actions{display:flex;align-items:center;gap:4px;flex:none}
.ta{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;color:rgba(255,255,255,.85);text-decoration:none;font-size:0.6875rem;padding:4px 10px;border-radius:10px}
.ta:hover{background:rgba(255,255,255,.08);color:#fff}
.badge-n{position:absolute;top:0;inset-inline-end:4px;background:#e5484d;color:#fff;font-style:normal;font-size:0.625rem;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
.notice-bar{background:var(--saffron);color:#3d2a00;font-weight:600;font-size:0.875rem;padding-block:7px}

/* ---------- buttons ---------- */
.btn{border:0;border-radius:var(--r);padding:11px 18px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;text-decoration:none;line-height:1.2;transition:filter .15s,transform .1s}
.btn:active{transform:scale(.98)}
.btn-sm{padding:7px 12px;font-size:0.875rem}
.btn-lg{padding:14px 26px;font-size:1rem}
.btn-block{width:100%}
.btn-post{background:var(--saffron);color:#3d2a00}
.btn-post:hover{filter:brightness(1.06)}
.btn-ghost{background:var(--surface);border:1px solid var(--line);color:var(--fg)}
.btn-ghost:hover{border-color:var(--tile)}
.btn-primary{background:var(--tile);color:var(--on-tile)}
.btn-primary:hover{filter:brightness(1.1)}
.btn-wa{background:#1f9d55;color:#fff}
.btn-del{background:transparent;border:1px solid var(--danger);color:var(--danger)}
.round{width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#1b2232;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.18)}

/* ---------- flash / toast ---------- */
.flash{border-radius:10px;padding:11px 14px;margin-block:14px;font-weight:500}
.flash-ok{background:var(--ok-soft);color:var(--ok)}
.flash-err{background:var(--danger-soft);color:var(--danger)}
.flash-warn{background:var(--warn-soft);color:var(--warn)}
.toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));inset-inline:0;margin-inline:auto;width:max-content;max-width:calc(100% - 32px);background:var(--fg);color:var(--bg);padding:11px 18px;border-radius:12px;z-index:60;font-weight:600;box-shadow:var(--shadow)}

/* ---------- hero ---------- */
.hero{margin-top:18px;border-radius:20px;padding:28px clamp(18px,4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  background:var(--ink);color:#fff;position:relative;overflow:hidden;
  background-image:radial-gradient(circle at 0 0,transparent 18px,rgba(255,255,255,.05) 19px,transparent 21px),radial-gradient(circle at 100% 100%,transparent 18px,rgba(255,255,255,.05) 19px,transparent 21px);background-size:40px 40px}
.hero::after{content:"";position:absolute;inset-inline-end:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:var(--saffron);opacity:.14}
.hero h1{font-family:var(--display);font-size:clamp(24px,4.2vw,40px);margin:0;line-height:1.25}
.hero p{margin:6px 0 0;opacity:.8}
.hero-stats{display:flex;gap:22px;margin-top:14px;flex-wrap:wrap;font-size:0.875rem;opacity:.9}
.hero-stats b{font-size:1.25rem;color:var(--saffron);font-variant-numeric:tabular-nums;margin-inline-end:4px}
.hero-cta{position:relative;z-index:1}

/* ---------- categories (الشكل كيتختار من لوحة التحكم) ---------- */
.cnav,.cats{--c:var(--tile)}
.cnav a,.cats .cat{--c:var(--tile);--cs:var(--tile-soft)}
.cc-on a[style]{--c:var(--cc);--cs:color-mix(in srgb,var(--cc) 12%,var(--surface))}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cc-on a[style]{--c:color-mix(in srgb,var(--cc) 55%,#fff);--cs:color-mix(in srgb,var(--cc) 22%,var(--surface))}}
:root[data-theme="dark"] .cc-on a[style]{--c:color-mix(in srgb,var(--cc) 55%,#fff);--cs:color-mix(in srgb,var(--cc) 22%,var(--surface))}
.no-n small,.no-n .n{display:none!important}
.cnav{margin-block:18px}
.cnav a{text-decoration:none;color:var(--fg);min-width:0}
.cnav b{line-height:1.3;overflow-wrap:break-word}
.cnav small{color:var(--muted);font-size:0.75rem;font-variant-numeric:tabular-nums}
.cnav .ci{display:grid;place-items:center;color:var(--c);flex:none}
.sh-round .ci{border-radius:14px}.sh-circle .ci{border-radius:50%}.sh-square .ci{border-radius:4px}
.cgo{display:none}

/* 1) مربعات */
.cs-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}
.cs-tiles a{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 8px;display:grid;justify-items:center;gap:4px;text-align:center;transition:border-color .15s,transform .15s}
.cs-tiles a:hover{border-color:var(--c);transform:translateY(-2px)}
.cs-tiles .ci{width:50px;height:50px;background:var(--cs)}
.cs-tiles b{font-size:0.875rem}

/* 2) دوائر */
.cs-circles{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 18px}
.cs-circles a{display:grid;justify-items:center;gap:6px;text-align:center;width:84px}
.cs-circles .ci{width:68px;height:68px;border-radius:50%!important;background:var(--cs);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--c);transition:transform .15s}
.cs-circles a:hover .ci{transform:scale(1.06)}
.cs-circles b{font-size:0.8125rem;font-weight:600}
.cs-circles small{margin-top:-4px}

/* 3) بطاقات ملونة */
.cs-colorful{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:1000px){.cs-colorful{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cs-colorful a{position:relative;overflow:hidden;border-radius:16px;padding:16px 14px;min-height:108px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;
  color:#fff;background:linear-gradient(140deg,var(--c),color-mix(in srgb,var(--c) 62%,#000));transition:transform .15s,box-shadow .15s}
.cnav.cs-colorful a{--c:var(--tile)}
.cs-colorful.cc-on a[style]{--c:var(--cc)}
.cs-colorful a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.cs-colorful .ci{position:absolute;top:10px;inset-inline-end:10px;width:52px;height:52px;color:#fff;background:rgba(255,255,255,.18)}
.cs-colorful a::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.08);inset-inline-end:-40px;bottom:-60px}
.cs-colorful b{font-size:1rem;position:relative;z-index:1}
.cs-colorful small{color:rgba(255,255,255,.82);position:relative;z-index:1}

/* 4) لائحة */
.cs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:8px}
.cs-list a{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;transition:border-color .15s,background .15s}
.cs-list a:hover{border-color:var(--c);background:var(--cs)}
.cs-list .ci{width:42px;height:42px;background:var(--cs)}
.cs-list b{flex:1;min-width:0;font-size:0.9375rem}
.cs-list small{background:var(--bg);border-radius:999px;padding:1px 9px;white-space:nowrap;flex:none}
.cs-list .cgo{display:grid;color:var(--muted);font-style:normal}
[dir="ltr"] .cs-list .cgo{transform:scaleX(-1)}
.cs-list a:hover .cgo{color:var(--c)}

/* 5) كبار وصغار */
.cs-bento{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:minmax(100px,auto);grid-auto-flow:dense;gap:10px}
@media (max-width:1000px){.cs-bento{grid-template-columns:repeat(6,minmax(0,1fr))}}
.cs-bento a{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px;display:grid;align-content:center;justify-items:center;text-align:center;gap:4px;transition:border-color .15s,transform .15s}
.cs-bento a:hover{border-color:var(--c);transform:translateY(-2px)}
.cs-bento .ci{width:44px;height:44px;background:var(--cs)}
.cs-bento b{font-size:0.875rem}
.cs-bento a:nth-child(-n+2){grid-column:span 2;grid-row:span 2;justify-items:start;text-align:start;align-content:end;padding:20px;
  background:linear-gradient(150deg,var(--cs),var(--surface) 75%)}
.cs-bento a:nth-child(-n+2) .ci{width:76px;height:76px;margin-bottom:auto;background:var(--c);color:var(--surface)}
.cs-bento a:nth-child(-n+2) b{font-family:var(--display);font-size:1.375rem;margin-top:10px}

/* 6) أيقونات بسيطة */
.cs-minimal{display:flex;flex-wrap:wrap;justify-content:space-around;gap:6px;border-block:1px solid var(--line);padding-block:14px}
.cs-minimal a{display:grid;justify-items:center;gap:4px;text-align:center;padding:6px 10px;border-radius:12px;min-width:84px}
.cs-minimal a:hover{background:var(--cs)}
.cs-minimal .ci{width:36px;height:36px}
.cs-minimal b{font-size:0.8125rem;font-weight:500}
.cs-minimal small{display:none}

/* شريط الأصناف فوق النتائج */
.cats{display:flex;gap:8px;overflow-x:auto;padding-block:14px;scrollbar-width:none}
.cats::-webkit-scrollbar{display:none}
.cat{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;display:flex;align-items:center;gap:7px;font-weight:500;color:var(--fg);text-decoration:none}
.cat .ic{color:var(--c)}
.cat:hover{border-color:var(--c)}
.cat[aria-current="true"]{background:var(--c);border-color:var(--c);color:var(--on-tile)}
.cat[aria-current="true"] .ic{color:inherit}
.cat .n{font-size:0.75rem;opacity:.65;font-variant-numeric:tabular-nums}
/* تبويبات */
.cb-tabs{gap:2px;padding-block:6px 0;margin-block:8px 6px;border-bottom:1px solid var(--line)}
.cb-tabs .cat{border:0;border-radius:0;background:none;padding:10px 12px;border-bottom:3px solid transparent;margin-bottom:-1px;color:var(--muted)}
.cb-tabs .cat:hover{color:var(--fg);border-bottom-color:var(--line)}
.cb-tabs .cat[aria-current="true"]{background:none;color:var(--c);border-bottom-color:var(--c);font-weight:700}
.cb-tabs .cat[aria-current="true"] .ic{color:var(--c)}
/* أيقونات فوق */
.cb-icons .cat{flex-direction:column;gap:3px;border-radius:12px;padding:9px 6px 7px;min-width:78px;font-size:0.78125rem;text-align:center}
.cb-icons .cat .n{display:none}
.cb-icons .cat[aria-current="true"]{background:var(--cs, var(--tile-soft));color:var(--fg);border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}
.cb-icons .cat[aria-current="true"] .ic{color:var(--c)}

/* ---------- sections ---------- */
.sec-head h2,.sec-title{font-family:var(--display);font-size:1.375rem;margin:0;display:flex;align-items:center;gap:8px}
.sec-title{margin:24px 0 10px}
.featured{margin-block:18px;background:var(--saffron-soft);border:1px solid color-mix(in srgb,var(--saffron) 40%,transparent);border-radius:18px;padding:16px}
.featured .sec-head{margin-bottom:12px}
.featured .sec-head .ic{color:var(--saffron);fill:var(--saffron)}
.frow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,240px);gap:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.frow>*{scroll-snap-align:start}
.results-bar{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin-top:8px}
.results-bar .sec-title{margin:10px 0 0}
.rb-tools{display:flex;gap:8px;align-items:center}
.rb-tools select{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:7px 10px}
.viewsw{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.viewsw a{padding:7px 9px;color:var(--muted);display:grid;place-items:center}
.viewsw a[aria-current="true"]{background:var(--tile);color:var(--on-tile)}
.filters-panel{display:flex;gap:12px;align-items:end;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:12px}
.filters-panel .fl{width:130px}
.fp-actions{display:flex;gap:8px}
.city-cloud div{display:flex;flex-wrap:wrap;gap:8px}
.city-cloud a{display:inline-flex;align-items:center;gap:5px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 13px;text-decoration:none;color:var(--fg);font-size:0.875rem}
.city-cloud a:hover{border-color:var(--tile)}
.city-cloud small{color:var(--muted)}
.rv-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}
.rv{flex:none;width:150px;text-decoration:none;color:var(--fg);font-size:0.8125rem}
.rv img,.rv .rv-ph{width:150px;height:110px;object-fit:cover;border-radius:10px;background:var(--tile-soft);display:block}
.rv b{display:block;color:var(--tile);margin-top:4px}
.rv span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- cards & layouts ---------- */
.grid{display:grid;gap:16px;padding-block:12px 24px}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.grid.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1100px){.grid.cols-5,.grid.cols-6{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){.grid.cols-4,.grid.cols-5,.grid.cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:680px){.grid.cols-3,.grid.cols-4,.grid.cols-5,.grid.cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{gap:10px}}

.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s;min-width:0}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.card-link{position:absolute;inset:0;z-index:1}
.card.is-feat{border-color:var(--saffron);box-shadow:0 0 0 1px var(--saffron)}
.ph{position:relative;aspect-ratio:4/3;max-width:100%;background:var(--tile-soft);overflow:hidden}
.ratio-1-1 .ph{aspect-ratio:1/1}.ratio-3-4 .ph{aspect-ratio:3/4}.ratio-16-9 .ph{aspect-ratio:16/9}
.ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.card:hover .ph img{transform:scale(1.04)}
.glyph{position:absolute;inset:0;display:grid;place-items:center;color:var(--tile);
  background-image:radial-gradient(circle at 0 0,transparent 13px,color-mix(in srgb,var(--tile) 10%,transparent) 14px,transparent 15px),radial-gradient(circle at 100% 100%,transparent 13px,color-mix(in srgb,var(--tile) 10%,transparent) 14px,transparent 15px);background-size:28px 28px}
.glyph .ic{opacity:.7;stroke-width:1.3}
.badge{position:absolute;top:10px;inset-inline-start:10px;background:var(--saffron);color:#3d2a00;font-size:0.75rem;font-weight:700;padding:3px 9px;border-radius:7px;display:flex;align-items:center;gap:4px}
.badge .ic{fill:currentColor;stroke:none}
.count{position:absolute;bottom:8px;inset-inline-start:8px;background:rgba(0,0,0,.55);color:#fff;font-size:0.75rem;padding:1px 8px;border-radius:6px}

.fav{position:absolute;top:8px;inset-inline-end:8px;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#1b2232;display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.15);transition:transform .15s}
.fav:hover{transform:scale(1.1)}
.fav.on{color:#e5484d}
.fav.on .ic{fill:#e5484d}
.cb{padding:11px 13px 13px;display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.price{font-weight:700;font-size:1.125rem;color:var(--tile);font-variant-numeric:tabular-nums;line-height:1.3}
.ask{font-size:0.875rem;font-weight:600}
.ttl{font-weight:600;font-size:0.9375rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;min-height:3em}
.tags{display:flex;gap:5px;flex-wrap:wrap}
.tag{font-size:0.6875rem;font-weight:600;background:var(--tile-soft);color:var(--tile);padding:1px 8px;border-radius:6px}
.seller-line{font-size:0.75rem;color:var(--muted)}
.meta{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--muted);font-size:0.78125rem;margin-top:auto;padding-top:4px}
.meta span{display:inline-flex;align-items:center;gap:3px}
.verified{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#1d9bf0;color:#fff;vertical-align:-2px}
.verified .ic{stroke-width:3.5}

/* list */
.layout-list{grid-template-columns:1fr!important}
.layout-list .card{flex-direction:row}
.layout-list .ph{width:clamp(130px,30%,260px);flex:none;aspect-ratio:4/3!important}
.layout-list .cb{padding:14px 16px}
.layout-list .ttl{font-size:1rem;min-height:0}
.layout-list .price{font-size:1.25rem;order:3}
/* large */
.layout-large.cols-4,.layout-large.cols-5,.layout-large.cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}
.layout-large .ph{aspect-ratio:1/1}
.layout-large .price{font-size:1.25rem}
@media (max-width:680px){.layout-large{grid-template-columns:1fr!important}}
/* compact */
.layout-compact{gap:10px}
.layout-compact.cols-2,.layout-compact.cols-3,.layout-compact.cols-4{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1000px){.layout-compact{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:560px){.layout-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.layout-compact .cb{padding:8px 10px;gap:2px}
.layout-compact .price{font-size:0.9375rem}
.layout-compact .ttl{font-size:0.8125rem;-webkit-line-clamp:1;min-height:0}
.layout-compact .tags,.layout-compact .seller-line{display:none}
.layout-compact .fav{width:30px;height:30px}

.empty{grid-column:1/-1;text-align:center;padding:48px 16px;color:var(--muted);border:1.5px dashed var(--line);border-radius:16px;display:grid;justify-items:center;gap:8px}
.empty h3{color:var(--fg);font-family:var(--display);margin:0;font-size:1.375rem}
.empty p{margin:0}
.empty-ic{width:68px;height:68px;border-radius:50%;background:var(--tile-soft);color:var(--tile);display:grid;place-items:center}
.pager{display:flex;gap:12px;justify-content:center;align-items:center;padding-block:10px 30px}
.banner{display:block;position:relative;border-radius:14px;overflow:hidden;margin-block:14px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--fg)}
.banner img{display:block;width:100%}
.banner span{display:block;padding:18px;font-weight:700;font-size:1.125rem}
.banner small{position:absolute;top:6px;inset-inline-end:8px;background:rgba(0,0,0,.5);color:#fff;font-size:0.6875rem;padding:1px 6px;border-radius:4px}

/* ---------- ad page ---------- */
.crumbs{padding-block:14px 8px;font-size:0.875rem;color:var(--muted)}
.crumbs a{color:var(--muted)}
.ad-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;padding-bottom:20px}
.gal{position:relative;aspect-ratio:16/10;max-width:100%;background:#0b0f1c;border-radius:18px;overflow:hidden}
.gal img{width:100%;height:100%;object-fit:contain;display:block;cursor:zoom-in}
.gal .glyph{background-color:var(--tile-soft)}
.gnav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:0;width:42px;height:42px;border-radius:50%;cursor:pointer;font-size:1.5rem}
.gnav.p{inset-inline-start:12px}.gnav.n{inset-inline-end:12px}
.gcount{position:absolute;bottom:12px;inset-inline-start:12px;background:rgba(0,0,0,.55);color:#fff;font-size:0.8125rem;padding:2px 10px;border-radius:7px}
.gal-acts{position:absolute;top:12px;inset-inline-end:12px;display:flex;gap:8px;z-index:2}
.gal-acts .fav{position:static;width:42px;height:42px}
.gthumbs{display:flex;gap:8px;overflow-x:auto;padding-block:10px}
.gthumbs button{flex:none;width:76px;height:58px;padding:0;border:2px solid transparent;border-radius:9px;overflow:hidden;cursor:pointer;background:none;opacity:.7}
.gthumbs button[aria-current="true"]{border-color:var(--saffron);opacity:1}
.gthumbs img{width:100%;height:100%;object-fit:cover}
.ad-head{margin-top:10px}
.ad-title{font-family:var(--display);font-size:clamp(22px,3.4vw,32px);margin:6px 0;line-height:1.35}
.dmeta{display:flex;gap:6px 16px;flex-wrap:wrap;color:var(--muted);font-size:0.875rem;align-items:center}
.dmeta span{display:inline-flex;gap:5px;align-items:center}
.pill-feat{background:var(--saffron);color:#3d2a00;font-weight:700;padding:0 8px;border-radius:6px;font-size:0.75rem;display:inline-flex;align-items:center;gap:3px}
.pill-feat .ic{fill:currentColor;stroke:none}
.specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:16px 0 0}
.specs div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.specs dt{font-size:0.75rem;color:var(--muted)} .specs dd{margin:0;font-weight:600}
.h-sm{font-size:1.0625rem;margin:20px 0 8px;display:flex;align-items:center;gap:8px}
.ddesc{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;max-width:75ch;overflow-wrap:anywhere;line-height:1.85}
.ad-side{display:grid;gap:14px;position:sticky;top:86px}
.side-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:10px}
.dprice{font-size:1.875rem;font-weight:700;color:var(--tile);font-variant-numeric:tabular-nums;line-height:1.2}
.m-only{display:none}
.contact-row{display:grid;gap:8px}
.seller-head{display:flex;gap:12px;align-items:center}
.seller-head b{display:block}
.avatar{width:46px;height:46px;border-radius:50%;background:var(--tile);color:var(--on-tile);display:grid;place-items:center;font-weight:700;font-size:1.1875rem;flex:none}
.avatar.sm{width:30px;height:30px;font-size:0.875rem}
.avatar.lg{width:76px;height:76px;font-size:2rem;background:var(--saffron);color:#3d2a00}
.safety b{display:flex;align-items:center;gap:6px}
.safety ul{margin:0;padding-inline-start:18px;color:var(--muted);font-size:0.875rem}
.report summary{cursor:pointer;color:var(--muted);font-size:0.875rem}
.report form{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.report select{flex:1;border:1px solid var(--line);border-radius:8px;padding:6px;background:var(--bg)}
.phone-shown{direction:ltr;font-variant-numeric:tabular-nums;font-size:1.125rem;user-select:all}
.m-cta{display:none}
.online{color:var(--ok);font-weight:600}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:80;display:grid;place-items:center}
.lightbox img{max-width:100vw;max-height:100vh;object-fit:contain}
.lightbox button{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));inset-inline-end:14px;background:rgba(255,255,255,.15);color:#fff;border:0;width:44px;height:44px;border-radius:50%;font-size:1.625rem;cursor:pointer}

/* ---------- forms ---------- */
.form-page{max-width:760px;margin-inline:auto;padding-block:20px 40px}
.form-page h1,.page-head h1{font-family:var(--display);margin:0 0 4px;font-size:1.875rem;display:flex;align-items:center;gap:10px}
.page-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:22px}
.pform{display:grid;gap:14px}
.steps fieldset{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:16px 18px 18px;margin:0;display:grid;gap:14px;min-width:0}
.steps legend{font-weight:700;font-size:1.0625rem;padding:0 6px;display:flex;align-items:center;gap:8px}
.steps legend span{width:26px;height:26px;border-radius:50%;background:var(--saffron);color:#3d2a00;display:grid;place-items:center;font-size:0.875rem}
.cat-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.cat-pick input{position:absolute;opacity:0}
.cat-pick span{display:grid;justify-items:center;gap:4px;text-align:center;padding:12px 6px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;font-size:0.8125rem;font-weight:600;color:var(--muted);transition:all .15s}
.cat-pick span .ic{color:var(--tile)}
.cat-pick input:checked+span{border-color:var(--tile);background:var(--tile-soft);color:var(--fg)}
.cat-pick input:focus-visible+span{outline:3px solid var(--saffron)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.f3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fl{display:grid;gap:5px;font-weight:600;font-size:0.875rem;min-width:0}
.fl .h{font-weight:400;color:var(--muted);font-size:0.75rem}
.fl input,.fl select,.fl textarea,.tbl input,.tbl select,.filters input,.filters select,.bulkbar select,.bulkbar input{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:10px 12px;font-weight:400;width:100%;min-width:0}
.fl input:focus,.fl select:focus,.fl textarea:focus{border-color:var(--tile);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--tile) 18%,transparent)}
.tbl input,.tbl select,.bulkbar select,.bulkbar input,.filters input,.filters select{width:auto;padding:6px 9px}
.fl textarea{resize:vertical}
.chk{display:inline-flex;gap:8px;align-items:center;font-size:0.875rem;cursor:pointer}
.chk input{width:18px;height:18px;accent-color:var(--tile)}
.drop{border:1.5px dashed var(--tile);border-radius:14px;padding:22px;text-align:center;cursor:pointer;color:var(--tile);background:var(--tile-soft);display:grid;justify-items:center;gap:4px}
.drop small{color:var(--muted)}
.drop.over{background:color-mix(in srgb,var(--tile) 18%,var(--surface))}
.thumbs{display:flex;gap:8px;flex-wrap:wrap}
.thumbs div{position:relative;width:88px;height:88px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.thumbs button{position:absolute;top:3px;inset-inline-end:3px;background:rgba(0,0,0,.65);color:#fff;border:0;border-radius:50%;width:24px;height:24px;cursor:pointer;line-height:1}
.thumbs .first::after{content:"الرئيسية";position:absolute;bottom:0;inset-inline:0;background:var(--saffron);color:#3d2a00;font-size:0.6875rem;text-align:center;font-weight:700}
.edit-photos{display:flex;gap:10px;flex-wrap:wrap}
.edit-photos label{display:grid;gap:4px;font-size:0.8125rem;cursor:pointer}
.edit-photos img{width:110px;height:84px;object-fit:cover;border-radius:9px}
.prose div{max-width:70ch;font-size:1rem;line-height:1.9}

/* ---------- auth ---------- */
.auth{display:grid;place-items:center;padding-block:30px 50px}
.auth-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow)}
.auth-card h1{font-family:var(--display);margin:0;font-size:1.75rem}
.auth-alt{text-align:center;margin:14px 0 0;font-size:0.875rem}
.auth-sep{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:0.8125rem;margin:18px 0 12px}
.auth-sep::before,.auth-sep::after{content:"";flex:1;height:1px;background:var(--line)}

/* ---------- account ---------- */
.acc-head{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;margin-top:20px}
.acc-id{flex:1;min-width:200px}
.acc-id h1{font-family:var(--display);margin:0;font-size:1.625rem}
.about{margin:6px 0 0;color:var(--muted);max-width:60ch}
.acc-stats{display:flex;gap:8px}
.acc-stats div{background:var(--bg);border-radius:12px;padding:8px 16px;text-align:center;min-width:84px}
.acc-stats b{display:block;font-size:1.375rem;color:var(--tile);font-variant-numeric:tabular-nums}
.acc-stats span{font-size:0.75rem;color:var(--muted)}
.acc-acts{display:flex;gap:8px;flex-wrap:wrap}
.tabs-pill{display:flex;gap:6px;overflow-x:auto;margin-block:16px;scrollbar-width:none}
.tabs-pill a{flex:none;padding:8px 15px;border-radius:999px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--fg);font-weight:500;font-size:0.875rem}
.tabs-pill a span{font-size:0.75rem;opacity:.65}
.tabs-pill a[aria-current="page"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.my-ads{display:grid;gap:12px;padding-bottom:30px}
.my-ad{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px}
.ma-ph{position:relative;width:130px;height:98px;border-radius:11px;overflow:hidden;background:var(--tile-soft);display:block}
.ma-ph img{width:100%;height:100%;object-fit:cover}
.ma-title{font-weight:700;color:var(--fg);text-decoration:none;display:block}
.ma-acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ma-acts form{display:inline}
.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;padding-bottom:30px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:18px;min-width:0}
.panel h2{font-size:1.0625rem;margin:0 0 14px}

/* ---------- messages ---------- */
.inbox{display:grid;grid-template-columns:330px minmax(0,1fr);gap:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-block:20px;height:min(76vh,760px)}
.conv-list{border-inline-end:1px solid var(--line);overflow-y:auto;padding:14px 10px}
.conv-list .h-sm{margin:4px 8px 12px}
.conv{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:12px;text-decoration:none;color:var(--fg)}
.conv:hover{background:var(--bg)}
.conv.on{background:var(--tile-soft)}
.conv-ph img{width:48px;height:48px;border-radius:10px;object-fit:cover;display:block}
.conv-txt{display:grid;min-width:0}
.conv-txt small,.conv-txt .last{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:0.78125rem;color:var(--muted)}
.conv-side{display:grid;justify-items:end;gap:4px;font-size:0.6875rem;color:var(--muted)}
.conv-side .badge-n{position:static}
.thread{display:flex;flex-direction:column;min-width:0;min-height:0}
.th-head{display:flex;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.th-head b{display:block}
.th-back{display:none;font-size:1.75rem;text-decoration:none;color:var(--fg);padding:0 6px}
.th-ad{display:flex;gap:10px;align-items:center;padding:8px 16px;background:var(--bg);text-decoration:none;color:var(--fg);font-size:0.875rem;border-bottom:1px solid var(--line)}
.th-ad img{width:44px;height:36px;border-radius:7px;object-fit:cover}
.th-ad span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.th-ad .price{font-size:0.9375rem}
.th-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:
  radial-gradient(circle at 0 0,transparent 13px,color-mix(in srgb,var(--tile) 4%,transparent) 14px,transparent 15px) 0 0/28px 28px}
.th-empty{margin:auto;text-align:center}
.bubble{max-width:75%;align-self:flex-start;background:var(--bg);border:1px solid var(--line);padding:8px 12px 4px;border-radius:16px 16px 16px 4px}
.bubble.mine{align-self:flex-end;background:var(--tile);color:var(--on-tile);border-color:transparent;border-radius:16px 16px 4px 16px}
.bubble p{margin:0;overflow-wrap:anywhere}
.bubble time{display:block;font-size:0.65625rem;opacity:.65;text-align:end}
.quick-replies{display:flex;gap:6px;padding:8px 14px 0;overflow-x:auto}
.quick-replies button{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 12px;font-size:0.8125rem;cursor:pointer}
.th-form{display:flex;gap:8px;padding:10px 14px 14px;align-items:end}
.th-form textarea{flex:1;resize:none;border:1px solid var(--line);background:var(--bg);border-radius:14px;padding:10px 14px;max-height:120px;min-width:0}
.th-placeholder{margin:auto;text-align:center;display:grid;justify-items:center;gap:8px}

/* ---------- footer & tabbar ---------- */
.foot{border-top:1px solid var(--line);padding-block:26px;color:var(--muted);font-size:0.8125rem;margin-top:30px}
.foot-in{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.foot-brand b{color:var(--fg)}
.foot nav{display:flex;gap:16px;flex-wrap:wrap}
.foot a{color:var(--muted)}
.sel{user-select:all;direction:ltr}
.tabbar{display:none}

/* ---------- phone: app shell ---------- */
@media (max-width:860px){
  .ad-layout{grid-template-columns:1fr}
  .ad-side{position:static}
  .m-only{display:block;margin-block:4px}
  .d-only{display:none}
  .two-col{grid-template-columns:1fr}
}
@media (max-width:760px){
  body{padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom,0px))}
  .bar{flex-wrap:wrap;gap:10px;padding-block:10px}
  .logo{margin-inline-end:auto}
  .logo-mark{width:34px;height:34px}
  .logo b{font-size:1.375rem}
  .search{order:3;flex-basis:100%}
  .top-actions .ta,.top-actions .btn-post{display:none}
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;inset-inline:0;z-index:40;background:var(--surface);
    border-top:1px solid var(--line);height:calc(var(--tabbar) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 20px rgba(16,24,48,.08)}
  .tabbar a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--muted);font-size:0.6875rem;font-weight:500}
  .tabbar a[aria-current="page"]{color:var(--tile)}
  .tabbar a[aria-current="page"] .ic{stroke-width:2.3}
  .tabbar .badge-n{top:6px;inset-inline-end:calc(50% - 22px)}
  .tab-post .plus{width:52px;height:52px;border-radius:16px;background:var(--saffron);color:#3d2a00;display:grid;place-items:center;margin-top:-26px;box-shadow:0 6px 16px color-mix(in srgb,var(--saffron) 50%,transparent);border:3px solid var(--surface)}
  .tab-post{color:var(--fg)!important}
  .hero{border-radius:16px;padding:20px}
  .hero-cta{width:100%}
  /* الأصناف فالتيليفون: سطر كيتزلق (cm-scroll) ولا شبكة (cm-grid) */
  .cnav{margin-block:14px}
  .cm-scroll.cs-tiles,.cm-scroll.cs-circles,.cm-scroll.cs-minimal,.cm-scroll.cs-colorful{display:grid;grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px;justify-content:start}
  .cm-scroll::-webkit-scrollbar{display:none}
  .cm-scroll.cs-tiles{grid-auto-columns:92px}
  .cm-scroll.cs-circles{grid-auto-columns:76px;gap:12px;padding-block:4px}
  .cm-scroll.cs-minimal{grid-auto-columns:80px;gap:2px;border-block:0;padding-block:4px}
  .cm-scroll.cs-colorful{grid-auto-columns:138px;gap:10px}
  .cm-grid.cs-tiles,.cm-grid.cs-minimal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .cm-grid.cs-circles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px}
  .cm-grid.cs-colorful{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cm-grid .ci{margin-inline:auto}
  .cs-tiles a{padding:10px 4px}
  .cs-tiles .ci{width:44px;height:44px}
  .cs-tiles b,.cs-minimal b{font-size:0.78125rem}
  .cs-circles a{width:auto}
  .cs-circles .ci{width:58px;height:58px}
  .cs-circles b{font-size:0.75rem}
  .cs-minimal a{min-width:0;padding:6px 2px}
  .cs-colorful a{min-height:96px;padding:12px}
  .cs-colorful .ci{width:42px;height:42px}
  .cs-list{grid-template-columns:1fr 1fr;gap:6px}
  .cs-list a{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:9px;row-gap:0;align-items:center;padding:8px}
  .cs-list .ci{width:36px;height:36px;grid-row:span 2}
  .cs-list small{background:none;padding:0;justify-self:start}
  .cs-list .cgo{display:none}
  .cs-list b{font-size:0.875rem}
  .cs-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(80px,auto);gap:8px}
  .cs-bento a{padding:8px 3px;border-radius:14px}
  .cs-bento .ci{width:38px;height:38px}
  .cs-bento b{font-size:0.71875rem}
  .cs-bento small{display:none}
  .cs-bento a:nth-child(-n+2){grid-column:span 2;grid-row:span 1;padding:12px;min-height:118px}
  .cs-bento a:nth-child(-n+2) small{display:block}
  .cs-bento a:nth-child(-n+2) .ci{width:50px;height:50px}
  .cs-bento a:nth-child(-n+2) b{font-size:1rem;margin-top:6px}
  .frow{grid-auto-columns:minmax(160px,46%)}
  .cb{padding:9px 10px 11px}
  .price{font-size:1rem}
  .ttl{font-size:0.875rem}
  .layout-list .card{border-radius:12px}
  .layout-list .ph{width:120px}
  .layout-list .cb{padding:10px}
  .fav{width:32px;height:32px}
  .gal{border-radius:0;margin-inline:-16px;width:calc(100% + 32px);max-width:none;aspect-ratio:4/3}
  .gthumbs{display:none}
  .ad-page .m-cta{display:flex;gap:8px;position:fixed;inset-inline:0;bottom:calc(var(--tabbar) + env(safe-area-inset-bottom,0px));z-index:35;padding:10px 16px;background:var(--surface);border-top:1px solid var(--line)}
  .ad-page .m-cta .btn{flex:1}
  .ad-page .m-cta .btn-ghost{flex:none}
  .ad-page .contact-row{display:none}
  .ad-page{padding-bottom:calc(var(--tabbar) + 70px + env(safe-area-inset-bottom,0px))}
  .f2,.f3{grid-template-columns:1fr}
  .steps fieldset{padding:14px}
  .cat-pick{grid-template-columns:repeat(3,1fr)}
  .my-ad{grid-template-columns:96px minmax(0,1fr)}
  .ma-ph{width:96px;height:80px}
  .ma-acts{grid-column:1/-1;justify-content:flex-start}
  .acc-head{padding:16px;gap:12px}
  .avatar.lg{width:60px;height:60px;font-size:1.625rem}
  .acc-stats{width:100%}
  .acc-stats div{flex:1}
  .inbox{grid-template-columns:1fr;height:calc(100vh - 220px);margin-inline:-16px;border-radius:0;border-inline:0}
  .msg-page.in-thread .conv-list{display:none}
  .msg-page:not(.in-thread) .thread{display:none}
  .th-back{display:block}
  .results-bar{align-items:center}
  .filters-panel .fl{width:calc(50% - 6px)}

}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.card:hover{transform:none}}

/* ---------- v3: المكان (الجهة ← المدينة) ---------- */
.loc-btn{display:flex;align-items:center;gap:6px;border:0;border-inline-start:1px solid #e2e5ee;background:#f4f5f9;color:#1b2232;padding:0 12px;cursor:pointer;max-width:42%;font-weight:600;font-size:0.875rem;white-space:nowrap}
.loc-btn span{overflow:hidden;text-overflow:ellipsis}
.loc-btn .ic{color:#1f3a8a}
.loc-panel{position:absolute;inset-inline:0;top:100%;background:var(--surface);color:var(--fg);border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(10,16,36,.22);z-index:45;max-height:min(70vh,560px);overflow-y:auto}
.loc-in{padding-block:14px 18px}
.loc-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.loc-head b{font-size:1.0625rem;flex:1}
.loc-back,.loc-x{border:0;background:var(--bg);color:var(--fg);width:36px;height:36px;border-radius:10px;font-size:1.375rem;cursor:pointer;display:grid;place-items:center}
.loc-filter input{width:100%;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:10px 12px;margin-bottom:12px}
.loc-regions{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.loc-r{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 8px;text-align:start;border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:10px 14px;cursor:pointer}
.loc-r span{font-weight:600}
.loc-r small{grid-row:2;color:var(--muted);font-size:0.75rem}
.loc-r i{grid-row:1/3;grid-column:2;font-style:normal;font-size:1.25rem;color:var(--muted)}
.loc-r:hover,.loc-r.on{border-color:var(--tile);background:var(--tile-soft)}
.loc-all{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-weight:700;color:var(--tile);text-decoration:none;padding:10px 14px;border-radius:12px;background:var(--tile-soft)}
.loc-cities,.loc-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.loc-cities a:not(.loc-all),.loc-results a{display:block;padding:9px 12px;border-radius:10px;border:1px solid var(--line);text-decoration:none;color:var(--fg);font-size:0.875rem}
.loc-cities a:not(.loc-all):hover,.loc-cities a.on,.loc-results a:hover{border-color:var(--tile);color:var(--tile)}
.loc-results small{display:block;color:var(--muted);font-size:0.71875rem}
.region-grid>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.region-grid a{display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;text-decoration:none;color:var(--fg);transition:border-color .15s,transform .15s}
.region-grid a:hover{border-color:var(--tile);transform:translateY(-2px)}
.rg-n{grid-row:1/3;width:38px;height:38px;border-radius:11px;background:var(--tile-soft);color:var(--tile);display:grid;place-items:center;font-weight:700;font-variant-numeric:tabular-nums}
.region-grid b{font-size:0.90625rem;line-height:1.4}
.region-grid small{color:var(--muted);font-size:0.75rem}
.loc-fields optgroup{font-weight:700}
.fl-in{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:8px 12px;min-width:0}

/* ---------- v3: زر الوضع الليلي ---------- */
.theme-tg{border:0;background:none;cursor:pointer;font:inherit}
.theme-tg .i-sun{display:none}
:root[data-theme="dark"] .theme-tg .i-moon{display:none}
:root[data-theme="dark"] .theme-tg .i-sun{display:inline}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme-tg .i-moon{display:none}:root:not([data-theme="light"]) .theme-tg .i-sun{display:inline}}
.theme-tg .ic:has(.i-sun){display:none}
:root[data-theme="dark"] .theme-tg .ic:has(.i-moon){display:none}
:root[data-theme="dark"] .theme-tg .ic:has(.i-sun){display:inline}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme-tg .ic:has(.i-moon){display:none}:root:not([data-theme="light"]) .theme-tg .ic:has(.i-sun){display:inline}}
.card,.side-box,.panel,.ddesc,body{transition:background-color .25s,border-color .25s,color .25s}
@media (max-width:760px){
  .top-actions{display:flex}
  .top-actions .theme-tg{display:flex;order:-1;position:absolute;top:calc(10px + env(safe-area-inset-top,0px));inset-inline-end:12px}
  .theme-tg .tt-l{display:none}
  .bar{position:relative}
  .loc-btn{max-width:46%;padding:0 9px;font-size:0.8125rem}
  .loc-panel{position:fixed;top:auto;bottom:0;inset-inline:0;max-height:82vh;border-radius:20px 20px 0 0;padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom,0px));z-index:70}
  .loc-regions{grid-template-columns:1fr}
  .loc-cities,.loc-results{grid-template-columns:1fr 1fr}
  .region-grid>div{grid-template-columns:1fr 1fr}
  .region-grid a{grid-template-columns:1fr;padding:10px}
  .rg-n{grid-row:auto;width:30px;height:30px;font-size:0.8125rem;margin-bottom:4px}
}
.loc-scrim{position:fixed;inset:0;background:rgba(6,10,24,.45);z-index:44}
@media (max-width:760px){.loc-scrim{z-index:65}}

/* =====================================================================
   v4 — لغات (RTL/LTR)، قائمة الهاتف، شريط جانبي، صفحات، وتصميم تطبيق
   ===================================================================== */
[dir="ltr"] .flip{display:inline-block;transform:scaleX(-1)}
.crumbs .sep{font-style:normal;margin-inline:6px;opacity:.6}
.icon-btn{position:relative;border:0;background:transparent;color:inherit;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;cursor:pointer;text-decoration:none;flex:none}
.icon-btn:active{background:rgba(255,255,255,.12)}
.icon-btn .badge-n{top:4px;inset-inline-end:4px}
.badge-n.inline{position:static;display:inline-grid;margin-inline-start:auto}
.menu-btn,.m-actions,.s-ic,.m-only{display:none}
.avatar.xs{width:26px;height:26px;font-size:.75rem}

/* language dropdown (desktop) */
.lang-dd{position:relative}
.lang-dd summary{list-style:none;cursor:pointer}
.lang-dd summary::-webkit-details-marker{display:none}
.dd-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;min-width:150px;z-index:50;display:grid}
.dd-menu a{padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--fg)}
.dd-menu a:hover,.dd-menu a[aria-current="true"]{background:var(--tile-soft);color:var(--tile)}

/* drawer (phone menu) */
.drawer-scrim{position:fixed;inset:0;background:rgba(6,10,24,.5);z-index:90;opacity:0;transition:opacity .25s}
.drawer-scrim.open{opacity:1}
.drawer{position:fixed;inset-block:0;inset-inline-start:0;width:min(86vw,340px);background:var(--surface);color:var(--fg);z-index:91;overflow-y:auto;
  padding:calc(14px + env(safe-area-inset-top,0px)) 16px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px;
  transform:translateX(var(--dr-off,100%));transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 40px rgba(0,0,0,.25)}
[dir="ltr"] .drawer{--dr-off:-100%}
.drawer.open{transform:none}
.dr-head{display:flex;align-items:flex-start;gap:10px}
.dr-user{flex:1;display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--fg)}
.dr-user b{display:block}
.dr-user small,.dr-guest small{color:var(--muted);font-size:.8125rem}
.dr-guest{flex:1;display:grid;gap:4px}
.dr-auth{display:flex;gap:8px;margin-top:8px}
.dr-x{color:var(--muted);font-size:1.75rem;background:var(--bg)}
.dr-nav,.dr-pages{display:grid;gap:2px}
.dr-nav a,.dr-pages a{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:12px;text-decoration:none;color:var(--fg);font-weight:500}
.dr-nav a:active,.dr-pages a:active{background:var(--tile-soft)}
.dr-nav .ic{color:var(--tile)}
.dr-sec{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:14px}
.dr-label{font-size:.75rem;font-weight:700;color:var(--muted);letter-spacing:.02em}
.dr-cats{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.dr-cats a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;background:var(--bg);text-decoration:none;color:var(--fg);font-size:.875rem}
.dr-cats .ic{color:var(--tile)}
.dr-pages{border-top:1px solid var(--line);padding-top:10px}
.dr-pages a{font-weight:400;color:var(--muted);padding-block:8px}
.dr-out{color:var(--danger)!important}
.seg{display:flex;background:var(--bg);border-radius:12px;padding:4px;gap:4px}
.seg a{flex:1;text-align:center;padding:8px 6px;border-radius:9px;text-decoration:none;color:var(--fg);font-weight:600;font-size:.875rem}
.seg a[aria-current="true"]{background:var(--surface);color:var(--tile);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.dr-row{display:flex;align-items:center;gap:12px;border:0;background:none;color:var(--fg);padding:10px;border-radius:12px;cursor:pointer;font:inherit;text-align:start;width:100%}
.dr-row>span:first-of-type{flex:1}
.sw-mini{width:42px;height:24px;border-radius:999px;background:var(--line);position:relative;flex:none;transition:background .2s}
.sw-mini i{position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:inset-inline-start .2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
:root[data-theme="dark"] .sw-mini{background:var(--tile)}
:root[data-theme="dark"] .sw-mini i{inset-inline-start:21px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sw-mini{background:var(--tile)}:root:not([data-theme="light"]) .sw-mini i{inset-inline-start:21px}}

/* sidebar */
.with-side{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}
.side-end .with-side{grid-template-columns:minmax(0,1fr) 280px}
.side-end .with-side .sidebar{order:2}
.main-col{min-width:0}
.sidebar{display:grid;gap:14px;position:sticky;top:96px;padding-top:12px}
.sb-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:10px}
.sb-t{font-size:.9375rem}
.sb-cta{background:var(--ink);color:#fff;border-color:transparent;background-image:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--saffron) 30%,transparent),transparent 60%)}
.sb-cta span{opacity:.8;font-size:.875rem}
.sb-list{display:grid;gap:2px;max-height:360px;overflow-y:auto}
.sb-list a{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:9px;text-decoration:none;color:var(--fg);font-size:.875rem}
.sb-list a span{flex:1}
.sb-list a small{color:var(--muted);font-variant-numeric:tabular-nums}
.sb-list a:hover,.sb-list a[aria-current="true"]{background:var(--tile-soft);color:var(--tile)}
.sb-list .ic{color:var(--tile)}
.sb-ad{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--fg)}
.sb-ad img,.sb-ph{width:58px;height:46px;border-radius:8px;object-fit:cover;flex:none;background:var(--tile-soft)}
.sb-ad span{min-width:0;display:grid}
.sb-ad b{font-size:.8125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-ad small{color:var(--tile);font-weight:700}
.sb-pages{display:flex;flex-wrap:wrap;gap:4px 12px}
.sb-pages a{font-size:.8125rem;color:var(--muted);text-decoration:none}
.sb-pages a:hover,.sb-pages a[aria-current="true"]{color:var(--tile)}
.sb-box .f2{grid-template-columns:1fr 1fr}
@media (max-width:1000px){.with-side,.side-end .with-side{grid-template-columns:1fr}.sidebar{display:none}}

/* static pages */
.static-wrap{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;padding-block:22px 30px;align-items:start}
.static-main{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(18px,4vw,36px);min-width:0}
.static-head{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.static-head h1{font-family:var(--display);margin:0;font-size:clamp(1.5rem,4vw,2rem)}
.static-ic{width:52px;height:52px;border-radius:16px;background:var(--tile-soft);color:var(--tile);display:grid;place-items:center;flex:none}
.prose{max-width:70ch;font-size:1rem;line-height:1.9}
.prose h2{font-size:1.15rem;margin:22px 0 6px}
.prose ul{padding-inline-start:20px;margin:6px 0}
.prose li{margin-block:4px}
.static-side .sb-pages{display:grid;gap:2px;position:sticky;top:96px}
.static-side .sb-pages a{padding:8px 10px;border-radius:9px;font-size:.9rem}
.static-side .sb-pages a[aria-current="true"]{background:var(--tile-soft)}
.contact-form{margin-top:16px}
.contact-alt{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}
@media (max-width:860px){.static-wrap{grid-template-columns:1fr}.static-side{display:none}}

/* footer v4 */
.foot{padding-block:34px 0}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:24px}
.foot-brand .logo{color:var(--fg);gap:8px}
.foot-brand .logo b{font-family:var(--display);font-size:1.4rem}
.foot-brand p{max-width:40ch;line-height:1.7}
.foot-col{display:grid;gap:8px;align-content:start}
.foot-col b{color:var(--fg);font-size:.875rem}
.foot-col a{text-decoration:none}
.foot-col a:hover{color:var(--tile)}
.foot-langs{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.foot-langs a{border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:.75rem}
.foot-langs a[aria-current="true"]{background:var(--tile);color:var(--on-tile);border-color:var(--tile)}
.foot-bottom{border-top:1px solid var(--line);margin-top:24px;padding-block:14px;font-size:.75rem}

/* auth */
.auth-brand{display:none}
.auth-tabs{display:flex;background:var(--bg);border-radius:12px;padding:4px;margin-bottom:16px;gap:4px}
.auth-tabs a{flex:1;text-align:center;padding:9px;border-radius:9px;text-decoration:none;color:var(--muted);font-weight:700}
.auth-tabs a[aria-current="page"]{background:var(--surface);color:var(--fg);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.auth-card h1{font-size:1.5rem}

/* account app menu */
.app-menu{display:none}

/* ad page extras */
.gal-top{position:absolute;top:12px;inset-inline:12px;display:flex;justify-content:space-between;align-items:center;z-index:3;pointer-events:none}
.gal-top>*{pointer-events:auto}
.gal-top .gal-acts{position:static;display:flex;gap:8px;margin-inline-start:auto}
.m-back{display:none}
.gal .fav{position:static}
.gdots{display:none}
.specs dd{display:flex;align-items:center;gap:5px}
.seller-card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 14px;text-decoration:none;color:var(--fg);margin-top:16px}
.seller-card .sc-txt{flex:1;display:grid}
.seller-card small{color:var(--muted)}
.chev-r{color:var(--muted);font-size:1.4rem}
.btn.sq{padding-inline:14px}

/* =========================== PHONE (app) =========================== */
@media (max-width:760px){
  :root{--tabbar:66px}
  body{padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom,0px))}
  .m-only{display:block}
  .d-only,.top-actions{display:none!important}
  header.top{padding-top:env(safe-area-inset-top,0px)}
  .bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 6px;padding-block:8px 10px;position:relative}
  .menu-btn,.m-actions{display:flex;color:#fff}
  .menu-btn{display:grid}
  .m-actions{gap:2px}
  .logo{margin:0;justify-self:start}
  .logo small{display:none}
  .logo-mark{width:32px;height:32px}
  .logo b{font-size:1.35rem}
  .search{grid-column:1/-1;order:0;flex-basis:auto;border-radius:14px;align-items:center;box-shadow:none}
  .s-ic{display:grid;place-items:center;padding-inline-start:12px;color:#8a91a5}
  .search input{padding:12px 8px;font-size:1rem}
  .search-go{display:none}
  .loc-btn{border-radius:10px;margin:4px;border:0;background:#eef0f6;padding:0 10px;height:38px;max-width:45%}

  .loc-panel{border-radius:22px 22px 0 0}
  .sheet-grip{width:44px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 10px}

  .hero{margin-top:12px;padding:18px;border-radius:18px}
  .hero h1{font-size:1.45rem}
  .hero-stats{gap:14px;font-size:.8125rem}
  .hero-stats b{font-size:1.1rem}
  .results-bar .sec-title{font-size:1.15rem}
  .rb-tools .viewsw{display:none}
  .card{border-radius:16px}
  .card:active{transform:scale(.98)}
  .btn:active{transform:scale(.97)}

  /* footer on phone */
  .foot{display:block;padding-top:24px;margin-top:20px}
  .foot-grid{grid-template-columns:1fr 1fr;gap:18px}
  .foot-brand{grid-column:1/-1}


  /* ad page = full-screen app view */
  .ad-page header.top,.ad-page .crumbs,.ad-page .tabbar,.ad-page .foot{display:none}
  .ad-page{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .ad-page .page{padding-top:0}
  .ad-page .gal{margin-inline:-16px;width:calc(100% + 32px);border-radius:0;aspect-ratio:1/1;max-height:62vh}
  .ad-page .gal-top{top:calc(12px + env(safe-area-inset-top,0px))}
  .m-back{display:grid}
  .ad-page .gcount{display:none}
  .gdots{display:flex;gap:5px;position:absolute;bottom:30px;inset-inline:0;justify-content:center;z-index:2}
  .gdots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55);transition:all .2s}
  .gdots i.on{background:#fff;width:20px;border-radius:4px}
  .gnav{display:none}
  .ad-sheet{position:relative;margin:-20px -16px 0;background:var(--bg);border-radius:22px 22px 0 0;padding:18px 16px 4px;z-index:2}
  .ad-head .dprice{font-size:1.75rem;margin:0}
  .ad-title{font-size:1.3rem;margin:4px 0 8px}
  .specs{grid-template-columns:1fr 1fr}
  .ad-side .buy-box,.ad-side .seller-box{display:none}
  .ad-side{gap:10px;margin-top:6px}
  .ad-page .m-cta{display:flex;gap:8px;position:fixed;inset-inline:0;bottom:0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));
    background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line)}
  .ad-page .m-cta .btn{flex:1;padding-block:14px;border-radius:14px;font-size:1rem}
  .ad-page .m-cta .btn.sq{flex:none}

  /* chat = full-screen */
  .msg-page.in-thread header.top,.msg-page.in-thread .tabbar,.msg-page.in-thread .foot,.msg-page.in-thread .flash{display:none}
  .msg-page.in-thread{padding-bottom:0}
  .msg-page.in-thread .page{padding:0}
  .msg-page.in-thread .inbox{height:100dvh;margin:0;border:0;border-radius:0}
  .msg-page.in-thread .th-head{padding-top:calc(10px + env(safe-area-inset-top,0px));position:sticky;top:0;background:var(--surface);z-index:2}
  .msg-page.in-thread .th-form{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  .msg-page:not(.in-thread) .inbox{height:auto;min-height:60vh;border-radius:0;margin-inline:-16px}
  .conv{padding:12px 6px;border-bottom:1px solid var(--line);border-radius:0}

  /* auth = app screen */
  .auth-page header.top .search,.auth-page .foot{display:none}
  .auth{padding-block:18px 30px;align-content:start}
  .auth-brand{display:grid;justify-items:center;gap:2px;margin-bottom:16px;text-align:center}
  .auth-brand b{font-family:var(--display);font-size:1.7rem}
  .auth-brand span{color:var(--muted);font-size:.875rem}
  .auth-card{border-radius:22px;padding:18px;box-shadow:none}
  .auth-card .fl input,.auth-card .fl select{padding:13px 14px;font-size:1rem;border-radius:12px}

  /* account */
  .app-menu{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:14px}
  .app-menu a,.app-menu button{display:flex;align-items:center;gap:12px;padding:13px 14px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--fg);text-decoration:none;font:inherit;font-weight:500;text-align:start;cursor:pointer;width:100%}
  .app-menu>*:last-child{border-bottom:0}
  .app-menu .chev-r,.app-menu .sw-mini{margin-inline-start:auto}
  .app-menu small{margin-inline-start:6px}
  .am-ic{width:34px;height:34px;border-radius:10px;background:var(--tile-soft);color:var(--tile);display:grid;place-items:center;flex:none}
  .am-out{color:var(--danger)!important}
  .am-out .am-ic{background:var(--danger-soft);color:var(--danger)}
  .account-page .acc-acts{display:none}

  /* post page */
  .post-page .page{padding-top:4px}
  .steps fieldset{border-radius:18px}
  .post-page .btn-post.btn-block{position:sticky;bottom:calc(var(--tabbar) + 10px + env(safe-area-inset-bottom,0px));box-shadow:0 8px 24px color-mix(in srgb,var(--saffron) 45%,transparent);z-index:5}

  /* tab bar polish */
  .tabbar a[aria-current="page"]::before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--tile)}
}
@media (max-width:760px){.seller-card.m-only{display:flex}}

/* أسهم: fwd = لقدام، bk = اللور (كيتقلبو حسب اتجاه اللغة) */
.fwd,.bk{display:inline-flex;align-items:center;font-style:normal}
[dir="ltr"] .fwd svg,[dir="rtl"] .bk svg{transform:scaleX(-1)}
.th-back{display:none;color:var(--fg);padding:0 4px}
.loc-r i{display:flex}
.gnav{display:grid;place-items:center}
@media (max-width:760px){.ad-page .gal img{object-fit:cover}.th-back{display:flex}}
.ta.theme-tg{font-size:.6875rem}
@media (max-width:760px){.gnav{display:none}}

/* التيليفون: بلا رجفة فالفوق ملي كتجر الشاشة */
html,body{overscroll-behavior-y:none}
@media (max-width:760px){html{background:var(--ink)}body{min-height:100vh}}

.captcha b{font-size:1.1rem;margin-inline-start:4px}
.captcha input{max-width:140px}
.cf-turnstile{min-height:65px}
.verify-box,.verify-done{display:grid;justify-items:center;gap:10px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px 20px;margin-top:16px}
.verify-box h2{margin:0;font-family:var(--display)}
.verify-box p{margin:0;color:var(--muted)}
.verify-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.verify-strip span{flex:1}

/* ===== v5.2 footer: ink, zellige pattern, accordions on phone ===== */
.foot{position:relative;overflow:hidden;background:var(--ink);color:rgba(255,255,255,.72);border-top:0;margin-top:40px;padding:0;font-size:.875rem}
:root[data-theme="dark"] .foot{background:#080d1a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .foot{background:#080d1a}}
.foot::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--saffron),#e9762b 50%,var(--saffron))}
.foot-deco{position:absolute;inset:0;pointer-events:none;opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.2'%3E%3Crect x='18' y='18' width='20' height='20'/%3E%3Crect x='18' y='18' width='20' height='20' transform='rotate(45 28 28)'/%3E%3Cpath d='M0 28h10M46 28h10M28 0v10M28 46v10'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 75%);mask-image:linear-gradient(180deg,#000,transparent 75%)}
.foot a{color:rgba(255,255,255,.72);text-decoration:none}
.foot a:hover{color:var(--saffron)}
.foot .wrap{position:relative}
.foot-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;padding-block:44px 28px}
.foot-brand{display:grid;gap:14px;align-content:start}
.foot-brand .logo{color:#fff;display:flex;align-items:center;gap:10px}
.foot-brand .logo b{font-family:var(--display);font-size:1.6rem;color:#fff}
.foot-brand .logo small{color:var(--saffron);opacity:.9}
.foot-brand p{margin:0;max-width:44ch;line-height:1.8}
.foot-contact{display:flex;gap:8px;flex-wrap:wrap}
.fc-chip{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 12px;font-size:.8125rem;color:#fff!important}
.fc-chip.sel{user-select:all}
a.fc-chip:hover{background:rgba(255,255,255,.12);border-color:var(--saffron)}
.foot-cta{justify-self:start;padding:11px 18px;border-radius:12px;font-weight:700;box-shadow:0 6px 20px rgba(242,179,27,.25)}
.foot-col{min-width:0}
.foot-col summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff;font-weight:700;font-size:.95rem;margin-bottom:12px;cursor:default}
.foot-col summary::-webkit-details-marker{display:none}
.foot-col summary::after{content:"";display:none}
.chev-d{display:none}
.foot-col nav{display:grid;gap:9px}
.foot-col nav a{display:inline-flex;align-items:center;gap:6px;width:fit-content}
.foot-col nav a::before{content:"";width:5px;height:5px;transform:rotate(45deg);background:var(--saffron);opacity:.55;flex:none}
.foot-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);padding-block:16px}
.foot-langs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0;color:rgba(255,255,255,.6)}
.foot-langs a{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 12px;font-size:.8125rem}
.foot-langs a[aria-current="true"]{background:var(--saffron);color:var(--ink);border-color:var(--saffron);font-weight:700}
.foot-theme{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.18)!important;border-radius:999px;padding:6px 14px;font-size:.8125rem}
.foot-theme:hover{color:#fff;border-color:var(--saffron)!important}
.foot-bottom{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);margin-block:0;padding-block:16px 22px;font-size:.78rem;color:rgba(255,255,255,.5)}
@media (max-width:980px){.foot-grid{grid-template-columns:1fr 1fr 1fr}.foot-brand{grid-column:1/-1}}
@media (max-width:760px){
  .foot{margin-top:24px;padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom,0px))}
  .foot-grid{grid-template-columns:1fr;gap:0;padding-block:30px 8px}
  .foot-brand{gap:12px;padding-bottom:20px;text-align:center;justify-items:center}
  .foot-brand p{font-size:.85rem}
  .foot-contact{justify-content:center}
  .foot-cta{justify-self:stretch;justify-content:center;padding-block:13px;font-size:1rem}
  .foot-col{border-top:1px solid rgba(255,255,255,.1)}
  .foot-col summary{margin:0;padding:15px 2px;cursor:pointer}
  .chev-d{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.07);transition:transform .25s}
  .chev-d .ic{transform:rotate(-90deg)}
  .foot-col[open] .chev-d{transform:rotate(180deg);background:var(--saffron);color:var(--ink)}
  .foot-col nav{grid-template-columns:1fr 1fr;gap:4px 12px;padding:0 2px 16px}
  .foot-col nav a{padding-block:7px;width:auto}
  .foot-tools{justify-content:center;flex-direction:column;padding-block:18px}
  .foot-bottom{justify-content:center;text-align:center;flex-direction:column;gap:4px;padding-bottom:18px}
}

/* ===== v5.2 ad page: big message button ===== */
.btn-msg{background:linear-gradient(135deg,var(--saffron),#e9952b);color:var(--ink);font-weight:700;border:0;box-shadow:0 4px 14px rgba(242,179,27,.35)}
.btn-msg:hover{filter:brightness(1.05)}
.btn-msg .ic{stroke-width:2.1}
@media (max-width:760px){
  .ad-page .m-cta{gap:8px}
  .ad-page .m-cta .btn{flex:1 1 0;min-width:0;padding-block:14px;font-weight:700;gap:7px;justify-content:center}
  .ad-page .m-cta .btn-msg{flex:1.15 1 0}
}
.foot a.foot-cta,.foot a.foot-cta:hover{color:#2a1d00}
@media (max-width:760px){.foot-brand .logo{justify-content:center}}

/* ===== v6: الدول ===== */
.flag{display:inline-block;border-radius:3px;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.12);vertical-align:middle;overflow:hidden}
.cc-dd{position:relative}
.cc-dd summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px}
.cc-dd summary::-webkit-details-marker{display:none}
.cc-menu{min-width:220px;gap:2px}
.cc-menu .cc-t{font-size:.75rem;color:var(--muted);padding:6px 10px 4px}
.cc-menu a{display:flex;align-items:center;gap:10px;font-weight:600}
.cc-menu a[aria-current="true"]::after{content:"✓";margin-inline-start:auto;color:var(--tile)}
.m-cc{display:none}
.m-cc summary{width:40px;height:40px;justify-content:center;border-radius:12px;background:rgba(255,255,255,.08)}
.m-cc summary span{display:none}
.dr-cc{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.dr-cc a{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--fg);font-weight:600;font-size:.875rem}
.dr-cc a[aria-current="true"]{border-color:var(--tile);background:var(--tile-soft);color:var(--tile)}
.foot-cc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.1);padding-block:16px}
.foot-cc .fcc-t{color:#fff;font-weight:700;margin-inline-end:6px}
.foot-cc a{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:.8125rem}
.foot-cc a[aria-current="true"]{border-color:var(--saffron);color:#fff}
.post-cc{display:flex;align-items:center;gap:10px;background:var(--tile-soft);border-radius:12px;padding:10px 14px;margin-bottom:14px;font-size:.9rem}
.post-cc a{margin-inline-start:auto;font-weight:700}
@media (max-width:760px){
  .m-cc{display:block}
  .m-cc .cc-menu{position:fixed;top:64px;inset-inline:12px;min-width:0}
  .top-actions .cc-dd{display:none}
  .foot-cc{justify-content:center}
  .foot-cc .fcc-t{width:100%;text-align:center;margin:0 0 2px}
}

/* ===== v6: الخانات الذكية فالنشر ===== */
fieldset.attrs{border:1.5px solid color-mix(in srgb,var(--tile) 30%,var(--line));background:color-mix(in srgb,var(--tile-soft) 55%,var(--surface));border-radius:16px;padding:14px;margin:4px 0 6px;min-width:0}
fieldset.attrs[hidden]{display:none}
.attrs-t{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem;color:var(--tile);padding:0 6px}
.attrs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.attrs-grid .af[hidden]{display:none}
.af-wide{grid-column:1/-1;display:grid;gap:7px}
.af-l{font-weight:600;font-size:.875rem}
.af .req,.af-l .req{color:var(--danger);font-style:normal}
.chips-in{display:flex;flex-wrap:wrap;gap:7px}
.chips-in label{position:relative;cursor:pointer}
.chips-in input{position:absolute;opacity:0;width:1px;height:1px}
.chips-in span{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);font-size:.85rem;font-weight:600;color:var(--fg);transition:all .15s;user-select:none}
.chips-in input[type="checkbox"]+span::before{content:"";width:14px;height:14px;border-radius:4px;border:1.5px solid var(--muted);flex:none}
.chips-in input:checked+span{border-color:var(--tile);background:var(--tile);color:var(--on-tile)}
.chips-in input[type="checkbox"]:checked+span::before{border-color:var(--on-tile);background:var(--on-tile);box-shadow:inset 0 0 0 3px var(--tile)}
.chips-in input:focus-visible+span{outline:3px solid var(--saffron);outline-offset:2px}
.in-unit{position:relative;display:block}
.in-unit input{padding-inline-end:52px!important}
.in-unit i{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--muted);font-size:.8rem;font-weight:600;pointer-events:none}
@media (max-width:560px){.attrs-grid{grid-template-columns:1fr 1fr;gap:10px}.attrs-grid .fl input,.attrs-grid .fl select{font-size:16px}}

/* البطاقة وصفحة الإعلان */
.specs-line{font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;font-weight:600}
.price .per,.dprice .per{font-size:.62em;font-weight:600;color:var(--muted)}
.pr .cur{font-size:.82em}
.attr-tbl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:8px 0 18px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.attr-tbl div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line)}
.attr-tbl div:nth-child(odd){border-inline-end:1px solid var(--line)}
.attr-tbl dt{color:var(--muted);font-size:.84rem}
.attr-tbl dd{margin:0;font-weight:700;text-align:end}
.attr-chips{list-style:none;padding:0;margin:8px 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.attr-chips li{display:inline-flex;align-items:center;gap:6px;background:var(--ok-soft);color:var(--ok);border-radius:999px;padding:6px 12px;font-size:.84rem;font-weight:600}
@media (max-width:560px){.attr-tbl{grid-template-columns:1fr}.attr-tbl div:nth-child(odd){border-inline-end:0}}

/* شرائح سريعة (للبيع / للكراء…) */
.quick-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 14px}
.quick-chips::-webkit-scrollbar{display:none}
.quick-chips a{flex:none;padding:8px 16px;border-radius:999px;background:var(--surface);border:1.5px solid var(--line);text-decoration:none;color:var(--fg);font-weight:600;font-size:.875rem}
.quick-chips a[aria-current="true"]{background:var(--ink);border-color:var(--ink);color:#fff}

/* ===== v6.1: اللوغو iznza ===== */
.wordmark{display:block;height:1em;width:auto;overflow:visible}
.brand-w{display:block;line-height:1}
header.top .logo .brand-w{font-size:2.25rem}
header.top .logo:has(.wordmark) .logo-mark,.foot-brand .logo:has(.wordmark) .logo-mark{display:none}
header.top .logo:has(.wordmark) small{margin-top:6px}
.foot-brand .logo .brand-w{font-size:2.3rem}
.foot-brand .logo:has(.wordmark) small{margin-top:8px}
.auth-brand .brand-w{font-size:2.2rem;margin-top:4px}
.auth-brand .wordmark{margin-inline:auto}
@media (max-width:760px){header.top .logo .brand-w{font-size:1.65rem}header.top .logo:has(.wordmark) small{display:none}}