/* بازار — ورقة الأنماط الرئيسية (مأخوذة من تصميم Bazaar.dc) */
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#FBF9F5;overflow-x:hidden;max-width:100%}
::selection{background:#B8ECE4;color:#0B6D62}
body{font-family:'Cairo',sans-serif;color:#16302C;min-height:100vh;display:flex;flex-direction:column}
input,select,textarea,button{font-family:inherit}
input:focus,textarea:focus,select:focus{outline:none}
a{text-decoration:none;color:inherit}
.ms{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;line-height:1;display:inline-flex;vertical-align:middle}
.ms.fill{font-variation-settings:'FILL' 1}
@keyframes bzUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes bzFade{from{opacity:0}to{opacity:1}}
.fade{animation:bzFade .35s ease}
.container{max-width:1220px;margin:0 auto;padding:0 24px}

/* ===== الشريط العلوي ===== */
.topbar{background:#0B6D62;color:#CFEFE9;font-size:12.5px}
.topbar .inner{max-width:1220px;margin:0 auto;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.topbar .it{display:flex;align-items:center;gap:7px}
.topbar .ms{font-size:16px}

/* ===== الترويسة ===== */
.site-header{background:#fff;border-bottom:1px solid #EBE6DD;position:sticky;top:0;z-index:50;box-shadow:0 2px 14px rgba(22,48,44,.05)}
.site-header .inner{max-width:1220px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:18px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo .mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#10A697,#0B6D62);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 12px rgba(16,166,151,.35)}
.logo .mark .ms{font-size:24px;color:#fff}
.logo .mark i{position:absolute;top:-4px;left:-4px;width:12px;height:12px;background:#F2A93B;transform:rotate(45deg);border-radius:2px}
.logo .nm{display:flex;flex-direction:column;line-height:1.15}
.logo .nm b{font-size:23px;font-weight:900;color:#0B6D62;letter-spacing:-.5px}
.logo .nm span{font-size:10.5px;font-weight:600;color:#A9B8B3;letter-spacing:.5px}
.main-nav{display:flex;align-items:center;gap:4px}
.main-nav a{font-size:14.5px;font-weight:700;padding:9px 15px;border-radius:10px;color:#3E5651;transition:background .15s}
.main-nav a:hover{background:#F2EEE6}
.main-nav a.on{background:#F0FAF8;color:#0B6D62}
.hd-spacer{flex:1}
.icon-btn{width:42px;height:42px;border-radius:11px;border:1px solid #EBE6DD;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;flex-shrink:0}
.icon-btn:hover{background:#F7F4EE}
.icon-btn .ms{font-size:22px;color:#5E7671}
.icon-btn .badge{position:absolute;top:-5px;left:-5px;background:#E86A4F;color:#fff;font-size:11px;font-weight:700;min-width:19px;height:19px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fff}
.acct-btn{display:flex;align-items:center;gap:9px;border:1px solid #EBE6DD;background:#fff;padding:6px 14px 6px 10px;border-radius:11px;cursor:pointer;flex-shrink:0}
.acct-btn:hover{background:#F7F4EE}
.acct-btn .av{width:30px;height:30px;border-radius:8px;background:#D8F0EB;color:#0B6D62;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.acct-btn span{font-size:14px;font-weight:700}
.post-btn{display:inline-flex;align-items:center;gap:8px;border:none;background:linear-gradient(135deg,#F2A93B,#E86A4F);color:#fff;font-size:14.5px;font-weight:800;padding:11px 20px;border-radius:11px;cursor:pointer;box-shadow:0 6px 16px rgba(232,106,79,.32);transition:transform .15s,box-shadow .15s;flex-shrink:0}
.post-btn:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(232,106,79,.42)}
.post-btn .ms{font-size:20px}

/* ===== أزرار عامة ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:11px;font-family:'Cairo';font-weight:800;font-size:14.5px;padding:12px 24px;cursor:pointer;transition:filter .15s,background .15s}
.btn-teal{background:#10A697;color:#fff}.btn-teal:hover{background:#0B6D62}
.btn-grad{background:linear-gradient(135deg,#10A697,#0B6D62);color:#fff}.btn-grad:hover{filter:brightness(1.06)}
.btn-hot{background:linear-gradient(135deg,#F2A93B,#E86A4F);color:#fff;box-shadow:0 6px 16px rgba(232,106,79,.3)}
.btn-ghost{background:#fff;border:1px solid #E4DED3;color:#5E7671}.btn-ghost:hover{background:#F8F5EF}
.btn-soft{background:#F0FAF8;border:1px solid #DCE7E4;color:#0B6D62}.btn-soft:hover{background:#DEF3EF}
.btn-wa{background:#25D366;color:#fff}.btn-wa:hover{filter:brightness(1.05)}
.btn-danger{background:#FDF3F0;border:1px solid #F4D4CC;color:#E86A4F}.btn-danger:hover{background:#FBE7E1}
.link-more{display:inline-flex;align-items:center;gap:5px;color:#0B6D62;font-size:14px;font-weight:800}

/* ===== الهيرو (خيار أ) ===== */
.hero-a{position:relative;background:linear-gradient(135deg,#0B6D62 0%,#10A697 55%,#14B8A6 100%);overflow:hidden}
.hero-a .dots{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.14) 1.5px,transparent 0);background-size:26px 26px;opacity:.5}
.hero-a .c1{position:absolute;top:-90px;right:-60px;width:340px;height:340px;border:2px solid rgba(255,255,255,.12);border-radius:50%}
.hero-a .c2{position:absolute;bottom:-120px;left:-40px;width:300px;height:300px;border:2px solid rgba(255,255,255,.1);border-radius:50%}
.hero-a .inner{max-width:1000px;margin:0 auto;padding:72px 24px 88px;position:relative;text-align:center}
.hero-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:13px;font-weight:700;padding:7px 16px;border-radius:999px;margin-bottom:22px}
.hero-pill .ms{font-size:17px;color:#FFD98A}
.hero-a h1{font-size:52px;font-weight:900;color:#fff;line-height:1.25;letter-spacing:-1px;margin-bottom:16px}
.hero-a h1 span{color:#FFD98A}
.hero-a p{font-size:18px;color:rgba(255,255,255,.85);max-width:560px;margin:0 auto 34px;line-height:1.7}
.searchbox{background:#fff;border-radius:18px;padding:9px;display:flex;align-items:center;gap:8px;max-width:720px;margin:0 auto;box-shadow:0 24px 50px rgba(11,64,58,.4)}
.searchbox .citysel{display:flex;align-items:center;gap:8px;padding:0 12px;border-inline-end:1px solid #EBE6DD;flex-shrink:0}
.searchbox .citysel .ms{font-size:20px;color:#10A697}
.searchbox select{border:none;background:transparent;font-size:14.5px;font-weight:700;color:#16302C;cursor:pointer;padding:12px 2px;max-width:130px}
.searchbox .qwrap{display:flex;align-items:center;gap:8px;flex:1;padding-inline-start:6px}
.searchbox .qwrap .ms{font-size:22px;color:#A9B8B3}
.searchbox input{border:none;background:transparent;font-size:15.5px;flex:1;color:#16302C;padding:12px 0;min-width:0}
.searchbox .go{border:none;background:linear-gradient(135deg,#10A697,#0B6D62);color:#fff;font-family:'Cairo';font-size:15px;font-weight:800;padding:14px 30px;border-radius:12px;cursor:pointer;flex-shrink:0}
.searchbox .go:hover{filter:brightness(1.06)}
.hero-tags{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}
.hero-tags .lbl{color:rgba(255,255,255,.7);font-size:13.5px;font-weight:600}
.hero-tags a{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px}
.hero-tags a:hover{background:rgba(255,255,255,.22)}
.stats-card{background:#fff;border-radius:18px;padding:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:-44px;box-shadow:0 18px 44px rgba(11,64,58,.18);border:1px solid #EFEAE1;position:relative}
.stats-card .st{text-align:center;padding:8px;border-inline-end:1px solid #F2EEE6}
.stats-card .st:last-child{border-inline-end:none}
.stats-card .num{font-size:30px;font-weight:900;color:#0B6D62;letter-spacing:-.5px}
.stats-card .lb{font-size:13.5px;font-weight:600;color:#7C918C;margin-top:2px}

/* ===== الهيرو (خيار ب) ===== */
.hero-b{background:#FBF9F5;border-bottom:1px solid #EFEAE1}
.hero-b .inner{max-width:1220px;margin:0 auto;padding:44px 24px 40px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.hero-b .pill{display:inline-flex;align-items:center;gap:8px;background:#FDF0DC;color:#B26E17;font-size:13px;font-weight:800;padding:7px 15px;border-radius:999px;margin-bottom:20px}
.hero-b h1{font-size:46px;font-weight:900;color:#16302C;line-height:1.28;letter-spacing:-1px;margin-bottom:16px}
.hero-b h1 span{color:#10A697}
.hero-b p{font-size:17px;color:#5E7671;max-width:480px;line-height:1.75;margin-bottom:26px}
.hero-b .searchbox{margin:0;max-width:520px;box-shadow:0 10px 30px rgba(22,48,44,.08);border:1px solid #EBE6DD;border-radius:16px}
.hero-b .mini-stats{display:flex;align-items:center;gap:22px;margin-top:26px}
.hero-b .mini-stats .num{font-size:26px;font-weight:900;color:#0B6D62}
.hero-b .mini-stats .lb{font-size:12.5px;font-weight:600;color:#7C918C}
.hero-b .promo{background:linear-gradient(135deg,#0B6D62,#10A697);border-radius:22px;padding:22px;box-shadow:0 24px 50px rgba(11,64,58,.28);position:relative;overflow:hidden}
.hero-b .promo .dots{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.13) 1.5px,transparent 0);background-size:22px 22px;opacity:.6}
.hero-b .promo .head{display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:14px}
.hero-b .promo .head b{color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;gap:7px}
.hero-b .promo .head b .ms{font-size:19px;color:#FFD98A}
.hero-b .promo .tag{background:rgba(255,255,255,.16);color:#fff;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px}
.hero-b .promo .card{background:#fff;border-radius:15px;overflow:hidden;position:relative;display:block}

/* ===== عناوين الأقسام ===== */
.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.sec-head .tt{display:flex;align-items:center;gap:11px}
.sec-head .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.sec-head .ic .ms{font-size:25px}
.sec-head h2{font-size:25px;font-weight:900;color:#16302C;letter-spacing:-.5px}
.sec-head p{font-size:13.5px;color:#7C918C}

/* ===== شبكة التصنيفات ===== */
.cats-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}
.cat-card{border:1px solid #EFEAE1;background:#fff;border-radius:16px;padding:20px 10px 16px;display:flex;flex-direction:column;align-items:center;gap:11px;transition:transform .18s,box-shadow .18s,border-color .18s}
.cat-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(22,48,44,.1);border-color:#D8F0EB}
.cat-card .ic{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center}
.cat-card .ic .ms{font-size:28px}
.cat-card b{font-size:13.5px;font-weight:700;color:#16302C;text-align:center}
.cat-card i{font-style:normal;font-size:11.5px;font-weight:600;color:#A9B8B3}

/* ===== شريط الدعاية ===== */
.promo-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.promo-box{border-radius:20px;padding:28px 30px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px}
.promo-box.teal{background:linear-gradient(120deg,#0B6D62,#10A697)}
.promo-box.hot{background:linear-gradient(120deg,#E86A4F,#F2A93B)}
.promo-box .ring{position:absolute;width:150px;height:150px;border:2px solid rgba(255,255,255,.14);border-radius:50%}
.promo-box h3{font-size:22px;font-weight:900;color:#fff;margin-bottom:8px}
.promo-box p{font-size:14px;color:rgba(255,255,255,.87);margin-bottom:16px;max-width:280px;line-height:1.6}
.promo-box .big-ms{font-size:96px;color:rgba(255,255,255,.18);position:relative}
.promo-box .cta{border:none;background:#fff;color:#0B6D62;font-family:'Cairo';font-size:14px;font-weight:800;padding:11px 22px;border-radius:10px;cursor:pointer;display:inline-block}

/* ===== بطاقة إعلان ===== */
.ads-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ads-grid.cols3{grid-template-columns:repeat(3,1fr)}
.ad-card{background:#fff;border:1px solid #EFEAE1;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s;position:relative}
.ad-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(22,48,44,.12)}
.ad-card .img{height:170px;background:#E8E2D6;position:relative;overflow:hidden;display:block}
.ad-card .img img{width:100%;height:100%;object-fit:cover;display:block}
.ad-card .img .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,rgba(0,0,0,.045) 0 11px,transparent 11px 22px)}
.ad-card .img .ph .ms{font-size:44px;color:rgba(22,48,44,.25)}
.ad-card .ftr{position:absolute;top:10px;right:10px;background:#F2A93B;color:#fff;font-size:11.5px;font-weight:800;padding:4px 11px;border-radius:999px;display:flex;align-items:center;gap:4px}
.ad-card .ftr .ms{font-size:14px}
.ad-card .fav{position:absolute;top:10px;left:10px;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.92);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}
.ad-card .fav .ms{font-size:19px;color:#7C918C}
.ad-card .fav.on .ms{color:#E86A4F;font-variation-settings:'FILL' 1}
.ad-card .body{padding:14px 15px 15px;display:flex;flex-direction:column;gap:7px;flex:1}
.ad-card .chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;align-self:flex-start}
.ad-card .chip .ms{font-size:14px}
.ad-card h3{font-size:14.5px;font-weight:800;color:#16302C;line-height:1.5;min-height:43px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ad-card .price{font-size:18px;font-weight:900;color:#0B6D62}
.ad-card .meta{display:flex;align-items:center;gap:12px;color:#A9B8B3;font-size:12px;margin-top:auto}
.ad-card .meta span{display:flex;align-items:center;gap:4px}
.ad-card .meta .ms{font-size:14px}

/* ===== المدن ===== */
.cities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.city-card{border:1px solid #EFEAE1;background:#fff;border-radius:14px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;transition:border-color .15s,box-shadow .15s}
.city-card:hover{border-color:#D8F0EB;box-shadow:0 8px 20px rgba(22,48,44,.07)}
.city-card .rt{display:flex;align-items:center;gap:11px}
.city-card .ic{width:40px;height:40px;border-radius:11px;background:#F0FAF8;display:flex;align-items:center;justify-content:center}
.city-card .ic .ms{font-size:22px;color:#10A697}
.city-card b{font-size:15px;font-weight:800;color:#16302C}
.city-card i{font-style:normal;font-size:12.5px;font-weight:700;color:#A9B8B3}

/* ===== كيف يعمل ===== */
.how{background:#F4F1EA;border-top:1px solid #EFEAE1}
.how .inner{max-width:1220px;margin:0 auto;padding:52px 24px}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.how-card{background:#fff;border:1px solid #EFEAE1;border-radius:18px;padding:30px 26px;text-align:center;position:relative}
.how-card .n{position:absolute;top:18px;left:22px;font-size:44px;font-weight:900;color:#F2EEE6}
.how-card .ic{width:60px;height:60px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}
.how-card .ic .ms{font-size:30px}
.how-card h3{font-size:18px;font-weight:800;color:#16302C;margin-bottom:8px}
.how-card p{font-size:14px;color:#7C918C;line-height:1.7}

/* ===== صفحة البحث ===== */
.crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:#7C918C;margin-bottom:16px;flex-wrap:wrap}
.crumbs a{font-weight:600}
.crumbs a:hover{color:#0B6D62}
.crumbs b{color:#16302C;font-weight:700}
.crumbs .ms{font-size:16px}
.search-bar{background:#fff;border:1px solid #EBE6DD;border-radius:16px;padding:10px;display:flex;align-items:center;gap:8px;margin-bottom:18px;box-shadow:0 4px 14px rgba(22,48,44,.05)}
.search-bar>.ms{font-size:22px;color:#A9B8B3;padding-inline-start:8px}
.search-bar input[type=text]{border:none;background:transparent;font-size:15px;flex:1;padding:10px 2px;min-width:0}
.search-bar select{border:1px solid #EBE6DD;border-radius:10px;background:#FBF9F5;font-size:14px;font-weight:700;color:#16302C;padding:11px 14px;cursor:pointer}
.search-layout{display:grid;grid-template-columns:264px 1fr;gap:22px;align-items:start}
.filters{background:#fff;border:1px solid #EBE6DD;border-radius:16px;padding:20px;position:sticky;top:88px}
.filters .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.filters h3{font-size:16px;font-weight:800}
.filters .clear{color:#E86A4F;font-size:12.5px;font-weight:700}
.filters .grp{border-top:1px solid #F2EEE6;padding:16px 0}
.filters .grp .ttl{font-size:13.5px;font-weight:800;margin-bottom:12px}
.fcat{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;font-weight:600;color:#3E5651;padding:9px 11px;border-radius:9px}
.fcat:hover{background:#F2EEE6}
.fcat.on{background:#DEF3EF;color:#0B6D62;font-weight:800}
.fcat .rt{display:flex;align-items:center;gap:8px}
.fcat .ms{font-size:18px}
.fcat i{font-style:normal;font-size:11.5px;color:#A9B8B3}
.range{display:flex;gap:8px}
.range input{width:50%;border:1px solid #EBE6DD;border-radius:9px;background:#FBF9F5;font-size:13.5px;padding:9px 11px}
.chk{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#3E5651;cursor:pointer;font-weight:600;margin-bottom:9px}
.chk input{width:18px;height:18px;accent-color:#10A697}
.results-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}
.results-head .cnt{font-size:14.5px;color:#5E7671}
.results-head .cnt b{font-weight:800;color:#16302C}
.results-head select{border:1px solid #EBE6DD;border-radius:10px;background:#fff;font-size:13.5px;font-weight:700;padding:9px 13px;cursor:pointer}
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:34px;flex-wrap:wrap}
.pagination a,.pagination span{min-width:40px;height:40px;border:1px solid #EBE6DD;background:#fff;color:#16302C;font-size:14px;font-weight:700;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px}
.pagination .on{background:#10A697;color:#fff;border-color:#10A697}
.empty{background:#fff;border:1px dashed #E4DED3;border-radius:18px;padding:60px 20px;text-align:center;color:#7C918C}
.empty .ms{font-size:54px;color:#CBD5D1;margin-bottom:12px}

/* ===== صفحة الإعلان ===== */
.detail-layout{display:grid;grid-template-columns:1fr 360px;gap:26px;align-items:start}
.gallery{background:#fff;border:1px solid #EBE6DD;border-radius:18px;overflow:hidden}
.gallery .main{height:420px;background:#E8E2D6;position:relative}
.gallery .main img{width:100%;height:100%;object-fit:contain;background:#16302C08;display:block}
.gallery .main .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,rgba(0,0,0,.045) 0 14px,transparent 14px 28px)}
.gallery .main .ph .ms{font-size:74px;color:rgba(22,48,44,.22)}
.gallery .main .ftr{position:absolute;top:16px;right:16px;background:#F2A93B;color:#fff;font-size:13px;font-weight:800;padding:6px 14px;border-radius:999px;display:flex;align-items:center;gap:6px}
.gallery .thumbs{display:flex;gap:10px;padding:14px}
.gallery .thumbs img{flex:1;height:76px;min-width:0;object-fit:cover;border-radius:10px;cursor:pointer;border:2px solid transparent}
.gallery .thumbs img.on{border-color:#10A697}
.panel{background:#fff;border:1px solid #EBE6DD;border-radius:18px;padding:26px}
.panel h1{font-size:26px;font-weight:900;line-height:1.4;letter-spacing:-.5px}
.ad-meta{display:flex;align-items:center;gap:16px;color:#7C918C;font-size:13.5px;margin-top:12px;flex-wrap:wrap}
.ad-meta span{display:flex;align-items:center;gap:6px}
.ad-meta .ms{font-size:17px}
.hr{height:1px;background:#F2EEE6;margin:22px 0}
.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.specs .sp{background:#F8F5EF;border-radius:12px;padding:13px 15px}
.specs .k{font-size:12px;color:#A9B8B3;font-weight:600;margin-bottom:3px}
.specs .v{font-size:14.5px;font-weight:800}
.desc{font-size:15px;color:#3E5651;line-height:1.9;white-space:pre-line}
.safety{background:#FFF6EC;border:1px solid #FADFBE;border-radius:16px;padding:20px 22px;margin-top:20px;display:flex;gap:14px}
.safety>.ms{font-size:28px;color:#E8912A;flex-shrink:0}
.safety h4{font-size:15px;font-weight:800;color:#B26E17;margin-bottom:8px}
.safety li{font-size:13.5px;color:#8A6420;display:flex;align-items:center;gap:8px;list-style:none;margin-bottom:6px}
.safety .ms.sm{font-size:16px}
.side-sticky{position:sticky;top:88px;display:flex;flex-direction:column;gap:18px}
.price-box{background:#fff;border:1px solid #EBE6DD;border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(22,48,44,.06)}
.price-box .lbl{font-size:13px;color:#7C918C;font-weight:600;margin-bottom:4px}
.price-box .val{font-size:34px;font-weight:900;color:#0B6D62;letter-spacing:-1px}
.price-box .acts{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.price-box .acts .btn{width:100%;padding:14px}
.seller-box{background:#fff;border:1px solid #EBE6DD;border-radius:18px;padding:22px}
.seller-box .top{display:flex;align-items:center;gap:13px}
.seller-box .av{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#10A697,#0B6D62);color:#fff;font-weight:900;font-size:20px;display:flex;align-items:center;justify-content:center}
.seller-box .nm{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:800}
.seller-box .nm .ms{font-size:18px;color:#10A697}
.seller-box .sub{font-size:12.5px;color:#7C918C;margin-top:2px}
.seller-box .cells{display:flex;gap:10px;margin-top:16px}
.seller-box .cell{flex:1;text-align:center;background:#F8F5EF;border-radius:11px;padding:11px}
.seller-box .cell b{font-size:16px;font-weight:900;color:#0B6D62;display:block}
.seller-box .cell span{font-size:11.5px;color:#7C918C;font-weight:600}
.map-box{background:#0B6D62;border-radius:18px;padding:22px;color:#fff}
.map-box .ttl{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;margin-bottom:10px}
.map-box .ttl .ms{font-size:20px;color:#FFD98A}
.map-box .grid{height:130px;border-radius:12px;background:rgba(255,255,255,.1);position:relative;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px}
.map-box .grid .ms{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:34px;color:#FFD98A}
.map-box .sub{font-size:13px;color:rgba(255,255,255,.82);margin-top:10px}

/* ===== النماذج ===== */
.form-card{background:#fff;border:1px solid #EBE6DD;border-radius:18px;padding:28px;box-shadow:0 6px 20px rgba(22,48,44,.05)}
.form-card h3{font-size:16px;font-weight:800;margin-bottom:16px}
.fld{margin-bottom:18px}
.fld label{display:block;font-size:13.5px;font-weight:700;color:#3E5651;margin-bottom:8px}
.fld input,.fld select,.fld textarea{width:100%;border:1px solid #E4DED3;border-radius:11px;background:#FBF9F5;font-size:15px;padding:13px 15px}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:#10A697;background:#fff}
.fld textarea{min-height:120px;resize:vertical;line-height:1.7}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.pick-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:8px}
.pick-cats label{border:1.5px solid transparent;border-radius:13px;padding:15px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .15s;font-size:12.5px;font-weight:700;color:#16302C}
.pick-cats label .ms{font-size:24px}
.pick-cats input{display:none}
.pick-cats input:checked+label,.pick-cats label.on{background:#10A697!important;border-color:#10A697;color:#fff}
.pick-cats input:checked+label .ms{color:#fff!important}
.dropzone{border:2px dashed #CBD5D1;border-radius:14px;background:#F8F5EF;padding:34px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.dropzone:hover{border-color:#10A697;background:#F0FAF8}
.dropzone .ms{font-size:40px;color:#10A697}
.dropzone b{display:block;font-size:14.5px;font-weight:700;margin-top:8px}
.dropzone span{display:block;font-size:12.5px;color:#A9B8B3;margin-top:4px}
.alert{border-radius:11px;padding:13px 16px;font-size:14px;font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:9px}
.alert.ok{background:#DEF3EF;color:#0B6D62;border:1px solid #B8ECE4}
.alert.err{background:#FDECE7;color:#C0452B;border:1px solid #F4D4CC}
.alert.warn{background:#FDF0DC;color:#B26E17;border:1px solid #FADFBE}
.auth-wrap{max-width:460px;margin:40px auto 70px;padding:0 20px}
.auth-wrap .logo{justify-content:center;margin-bottom:24px}
.status-chip{font-size:11.5px;font-weight:800;padding:4px 11px;border-radius:999px;display:inline-flex;align-items:center;gap:4px}

/* ===== خطوات النشر ===== */
.post-steps{display:flex;align-items:flex-start;justify-content:center;margin-bottom:30px}
.post-steps .stp{display:flex;flex-direction:column;align-items:center;gap:7px}
.post-steps .n{width:38px;height:38px;border-radius:50%;background:#fff;color:#A9B8B3;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;border:2px solid #E4DED3}
.post-steps .stp.on .n{background:#10A697;color:#fff;border-color:#10A697}
.post-steps .lb{font-size:12.5px;font-weight:700;color:#A9B8B3}
.post-steps .stp.on .lb{color:#0B6D62}
.post-steps .ln{width:60px;height:2px;background:#E4DED3;margin:18px 6px 0}

/* ===== لوحة المستخدم ===== */
.dash-hero{background:linear-gradient(120deg,#0B6D62,#10A697);border-radius:20px;padding:28px 30px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden;margin-bottom:24px}
.dash-hero .ring{position:absolute;top:-50px;left:-30px;width:180px;height:180px;border:2px solid rgba(255,255,255,.12);border-radius:50%}
.dash-hero .av{width:74px;height:74px;border-radius:20px;background:rgba(255,255,255,.16);color:#fff;font-weight:900;font-size:30px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}
.dash-hero h1{font-size:24px;font-weight:900;color:#fff}
.dash-hero p{font-size:13.5px;color:rgba(255,255,255,.82);margin-top:4px}
.dash-hero .cta{border:none;background:#fff;color:#0B6D62;font-family:'Cairo';font-size:14.5px;font-weight:800;padding:12px 22px;border-radius:11px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;position:relative}
.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.dstat{background:#fff;border:1px solid #EBE6DD;border-radius:16px;padding:20px;display:flex;align-items:center;gap:14px}
.dstat .ic{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dstat .ic .ms{font-size:25px}
.dstat .num{font-size:26px;font-weight:900;letter-spacing:-.5px}
.dstat .lb{font-size:12.5px;font-weight:600;color:#7C918C}
.dash-layout{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:start}
.dash-side{background:#fff;border:1px solid #EBE6DD;border-radius:16px;padding:12px;position:sticky;top:88px}
.dash-side a{width:100%;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:600;color:#3E5651;padding:12px 14px;border-radius:11px;margin-bottom:3px}
.dash-side a:hover{background:#F2EEE6}
.dash-side a.on{background:#DEF3EF;color:#0B6D62;font-weight:800}
.dash-side a.out{color:#E86A4F;font-weight:700}
.dash-side a.out:hover{background:#FBEEEA}
.dash-side .ms{font-size:21px}
.dash-side .sep{height:1px;background:#F2EEE6;margin:8px 6px}
.myad{background:#fff;border:1px solid #EBE6DD;border-radius:16px;padding:14px;display:flex;gap:16px;align-items:center;margin-bottom:14px}
.myad .thumb{width:120px;height:88px;border-radius:12px;background:#E8E2D6;overflow:hidden;flex-shrink:0;position:relative}
.myad .thumb img{width:100%;height:100%;object-fit:cover}
.myad .thumb .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 9px,transparent 9px 18px)}
.myad .thumb .ph .ms{font-size:30px;color:rgba(22,48,44,.25)}
.myad .info{flex:1;min-width:0}
.myad h3{font-size:16px;font-weight:800;margin:6px 0 5px}
.myad h3 a:hover{color:#0B6D62}
.myad .pr{font-size:17px;font-weight:900;color:#0B6D62}
.myad .mt{display:flex;align-items:center;gap:16px;color:#A9B8B3;font-size:12.5px;margin-top:7px}
.myad .mt span{display:flex;align-items:center;gap:5px}
.myad .mt .ms{font-size:15px}
.myad .acts{display:flex;flex-direction:column;gap:8px;flex-shrink:0}
.myad .acts .row{display:flex;gap:8px}
.sq-btn{border:1px solid #E4DED3;background:#fff;color:#5E7671;width:38px;height:36px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.sq-btn:hover{background:#F8F5EF}
.sq-btn.del{border-color:#F4D4CC;background:#FDF3F0;color:#E86A4F}
.sq-btn.del:hover{background:#FBE7E1}
.sq-btn .ms{font-size:19px}

/* ===== التذييل ===== */
.site-footer{background:#0A3B36;color:#9FBDB7;margin-top:auto}
.site-footer .inner{max-width:1220px;margin:0 auto;padding:48px 24px 24px}
.site-footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.08)}
.site-footer .about p{font-size:13.5px;line-height:1.8;max-width:300px;margin-bottom:16px}
.site-footer h4{font-size:15px;font-weight:800;color:#fff;margin-bottom:14px}
.site-footer .lnks{display:flex;flex-direction:column;gap:10px}
.site-footer .lnks a{font-size:13.5px}
.site-footer .lnks a:hover{color:#fff}
.site-footer .soc{display:flex;gap:9px}
.site-footer .soc span{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer}
.site-footer .soc span:hover{background:#10A697}
.site-footer .soc .ms{font-size:19px;color:#CFEFE9}
.site-footer .base{display:flex;align-items:center;justify-content:space-between;padding-top:22px;flex-wrap:wrap;gap:12px;font-size:13px}
.site-footer .base .rt{display:flex;align-items:center;gap:20px}
.site-footer .base .ms{font-size:17px;color:#FFD98A}

/* ===== استجابة الشاشات ===== */
@media (max-width:1024px){
  .cats-grid{grid-template-columns:repeat(4,1fr)}
  .ads-grid,.ads-grid.cols3{grid-template-columns:repeat(3,1fr)}
  .cities-grid{grid-template-columns:repeat(3,1fr)}
  .hero-b .inner{grid-template-columns:1fr}
  .detail-layout{grid-template-columns:1fr}
  .side-sticky{position:static}
  .search-layout{grid-template-columns:1fr}
  .filters{position:static}
  .main-nav{display:none}
}
@media (max-width:720px){
  .container{padding:0 14px}
  .topbar .inner{padding:7px 12px;font-size:11.5px}
  .site-header .inner{padding:10px 12px;gap:8px;flex-wrap:nowrap}
  .logo .mark{width:38px;height:38px;border-radius:11px}
  .logo .mark .ms{font-size:21px}
  .logo .nm b{font-size:18px}
  .logo .nm span{display:none}
  .logo{gap:7px}
  .icon-btn{width:38px;height:38px}
  .acct-btn{padding:5px 8px}
  .acct-btn .av{width:28px;height:28px}
  .post-btn{padding:10px 12px}
  .hero-a .inner{padding:46px 16px 64px}
  .hero-b .inner{padding:32px 16px 30px;gap:24px}
  .hero-a h1{font-size:32px}
  .hero-b h1{font-size:30px}
  .hero-b p{font-size:15px}
  .sec-head h2{font-size:21px!important}
  .promo-box{padding:22px}
  .promo-box .big-ms{display:none}
  .detail-layout,.search-layout{gap:16px}
  .gallery .main{height:260px}
  .panel{padding:18px}
  .form-card{padding:18px}
  .dash-hero{padding:20px;flex-wrap:wrap}
  .post-steps .ln{width:34px}
  .searchbox{flex-wrap:wrap}
  .searchbox .go{width:100%}
  .stats-card{grid-template-columns:repeat(2,1fr)}
  .cats-grid,.pick-cats{grid-template-columns:repeat(2,1fr)}
  .ads-grid,.ads-grid.cols3{grid-template-columns:repeat(2,1fr)}
  .cities-grid,.promo-strip,.how-grid,.grid2{grid-template-columns:1fr}
  .dash-stats{grid-template-columns:repeat(2,1fr)}
  .dash-layout{grid-template-columns:1fr}
  .dash-side{position:static;display:flex;flex-wrap:wrap}
  .dash-side a{width:auto}
  .site-footer .cols{grid-template-columns:1fr 1fr}
  .acct-btn span{display:none}
  .post-btn span.txt{display:none}
  .myad{flex-wrap:wrap}
}
@media (max-width:480px){
  .ads-grid,.ads-grid.cols3{grid-template-columns:1fr}
  .site-footer .cols{grid-template-columns:1fr}
  .specs{grid-template-columns:repeat(2,1fr)}
}