/* ===== sell-form.css — فورم «أضف إعلانك» الموحّد (معاينة حيّة) + نافذة الشروط ===== */
#sellModalOverlay.sf-ov,.pub-terms-ov{
  --ink:#0f172a;--ink2:#334155;--mut:#64748b;--line:#e2e8f0;--soft:#f8fafc;--soft2:#f1f5f9;
  --or:#F6921E;--or2:#E07D0A;--ord:#c2410c;--orl:#fff7ed;--orb:#fed7aa;--wa:#25D366;--ok:#16a34a;--bad:#e11d48
}
#sellModalOverlay.sf-ov{
  position:fixed;inset:0;z-index:10500;display:flex;align-items:flex-end;justify-content:center;padding:0;
  background:rgba(15,23,42,0);visibility:hidden;pointer-events:none;transition:background .25s,visibility 0s .25s;
  direction:rtl;font-family:var(--font);backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden
}
#sellModalOverlay.sf-ov.show{background:rgba(15,23,42,.5);visibility:visible;pointer-events:auto;transition:background .25s}
.sf-sheet{background:#fff;width:100%;max-width:560px;height:100%;height:100dvh;display:flex;flex-direction:column;
  transform:translateY(24px);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s;box-shadow:0 -10px 40px rgba(15,23,42,.18)}
#sellModalOverlay.show .sf-sheet{transform:none;opacity:1}
@media (min-width:640px){
  #sellModalOverlay.sf-ov{align-items:center;padding:24px}
  #sellModalOverlay.sf-ov.show{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  .sf-sheet{height:auto;max-height:min(860px,92vh);border-radius:24px;box-shadow:0 30px 80px rgba(15,23,42,.3)}
}

/* رأس النافذة: نفس راس «طلباتي» — زر رجوع دائري عائم + عنوان، بلا خط */
.sf-top{display:flex;align-items:center;gap:12px;padding:calc(18px + env(safe-area-inset-top,0px)) 16px 12px;flex-shrink:0;background:#fff}
@media (min-width:640px){.sf-top{padding-top:18px}}
.sf-top h3{margin:0;flex:1;min-width:0;font:900 24px/1.2 var(--font);color:var(--ink)}
.sf-x{width:40px;height:40px;border-radius:50%;border:0;background:#f3f4f6;color:var(--ink);display:grid;place-items:center;cursor:pointer;flex-shrink:0}
.sf-x svg{width:22px;height:22px}
.sf-x:active{transform:scale(.94)}

/* جسم النافذة وأسفلها */
.sf-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 16px 24px;display:flex;flex-direction:column;gap:22px}
.sf-foot{flex-shrink:0;display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #eef2f7;background:#fff}
.sf-sec{display:flex;flex-direction:column;gap:14px}
.sf-h{margin:0;font:900 16px/1.3 var(--font);color:var(--ink)}

/* حقول */
.sf-f{display:flex;flex-direction:column;gap:7px;min-width:0}
.sf-l{font:800 13px/1.4 var(--font);color:var(--ink2)}
.sf-l em{font-style:normal;font-weight:600;color:#94a3b8;font-size:11.5px}
.sf-iw{position:relative;display:flex}
.sf-in{width:100%;height:50px;border:1.5px solid var(--line);border-radius:14px;padding:0 14px;font:600 15px var(--font);color:var(--ink);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.sf-in::placeholder{color:#a8b3c2;font-weight:500}
.sf-in:focus{border-color:var(--or);box-shadow:0 0 0 4px rgba(246,146,30,.14)}
.sf-in.ta{height:auto;min-height:92px;padding:12px 14px;line-height:1.7;resize:vertical}
.sf-iw.has-u .sf-in{padding-left:52px}
.sf-u{position:absolute;left:1.5px;top:1.5px;bottom:1.5px;width:44px;display:grid;place-items:center;font:800 13px var(--font);color:var(--mut);background:var(--soft);border-right:1px solid var(--line);border-top-left-radius:12.5px;border-bottom-left-radius:12.5px}
.sf-iw.sel::after{content:"";position:absolute;left:16px;top:50%;width:8px;height:8px;border:solid #94a3b8;border-width:0 2px 2px 0;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.sf-iw.sel .sf-in{padding-left:38px;cursor:pointer}
.sf-hint{font:500 11.5px var(--font);color:#94a3b8}
.sf-g2{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}
.sf-g2.c,.sf-g2.one{grid-template-columns:1fr}
@media (min-width:640px){.sf-g2.c{grid-template-columns:1fr 1.15fr}}
.sf-err{font:700 12px var(--font);color:var(--bad);display:none}
.bad>.sf-err{display:block}
.bad .sf-in{border-color:var(--bad);box-shadow:0 0 0 4px rgba(225,29,72,.1)}
.bad{animation:sfShake .35s}
@keyframes sfShake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}

/* الهاتف */
.sf-tel{display:flex;gap:8px;direction:ltr}
.sf-tel .tel-cc{flex:0 0 96px;height:50px;border:1.5px solid var(--line);border-radius:14px;padding:0 8px;font:700 13px var(--font);color:var(--ink);background:var(--soft);outline:none}
.sf-tel .sf-in{flex:1;min-width:0;text-align:left;letter-spacing:.5px}

/* اختيارات */
.sf-chips{display:flex;flex-wrap:wrap;gap:8px}
.sf-chips button{border:1.5px solid var(--line);background:#fff;color:var(--ink2);border-radius:12px;padding:10px 14px;font:700 13.5px var(--font);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}
.sf-chips button.on{border-color:var(--or);background:var(--orl);color:var(--ord)}
.sf-chips button:active{transform:scale(.97)}
.sf-chips.tg button{display:inline-flex;align-items:center;gap:7px}
.sf-chips.tg i{width:16px;height:16px;border-radius:5px;border:1.5px solid #cbd5e1;flex-shrink:0;transition:all .15s}
.sf-chips.tg button.on i{border-color:var(--or);background:var(--or) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/10px no-repeat}

/* عدّادات */
.sf-stps{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sf-stp{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1.5px solid var(--line);border-radius:14px;padding:6px;padding-inline-start:12px;min-width:0}
.sf-stp .sf-l{font-size:12.5px;min-width:0}
.sf-stp .ctl{display:flex;align-items:center;gap:2px;direction:ltr;flex-shrink:0}
.sf-stp button{width:30px;height:30px;border-radius:10px;border:0;background:var(--soft2);color:var(--ink);font:800 18px/1 var(--font);cursor:pointer;display:grid;place-items:center}
.sf-stp button:disabled{opacity:.35;cursor:default}
.sf-stp button:not(:disabled):active{background:var(--orl);color:var(--ord)}
.sf-stp b{min-width:22px;text-align:center;font:900 16px var(--font);color:var(--ink)}
.sf-specs{display:flex;flex-direction:column;gap:16px}

/* اختيار النوع: 5 مربّعات + بطاقتين «مجاناً» */
.sf-types{display:flex;flex-direction:column;gap:8px}
.sf-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.sf-tiles>button{display:flex;flex-direction:column;align-items:center;gap:6px;border:1.5px solid var(--line);background:#fff;border-radius:16px;padding:10px 2px 9px;font:800 12px/1.2 var(--font);color:var(--ink2);cursor:pointer;transition:all .15s;min-width:0}
.sf-tiles .im{width:44px;height:44px;display:grid;place-items:center}
.sf-tiles img{width:40px;height:40px;object-fit:contain}
.sf-tiles2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.sf-tiles2>button{position:relative;display:flex;align-items:center;gap:9px;text-align:start;border:1.5px solid var(--line);background:#fff;border-radius:16px;padding:10px;cursor:pointer;font-family:var(--font);min-width:0;transition:all .15s}
.sf-tiles2 img{width:36px;height:36px;object-fit:contain;flex-shrink:0}
.sf-tiles2 span{display:flex;flex-direction:column;min-width:0}
.sf-tiles2 b{font:800 13px/1.3 var(--font);color:var(--ink)}
.sf-tiles2 small{font:500 11px/1.4 var(--font);color:var(--mut)}
.sf-tiles2 em{position:absolute;top:-8px;left:10px;font-style:normal;background:var(--ok);color:#fff;border-radius:99px;padding:1px 8px;font:800 10.5px/1.6 var(--font)}
.sf-tiles>button.on,.sf-tiles2>button.on{border-color:var(--or);background:var(--orl);color:var(--ord);box-shadow:0 6px 16px -8px rgba(246,146,30,.55)}
.sf-tiles2>button.on b{color:var(--ord)}
.sf-seg{display:grid;grid-template-columns:1fr 1fr;background:var(--soft2);border-radius:14px;padding:4px;gap:4px}
.sf-seg button{border:0;background:transparent;border-radius:11px;height:42px;font:800 14px var(--font);color:var(--mut);cursor:pointer;transition:all .18s}
.sf-seg button.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(15,23,42,.1)}

/* عمولة + ملاحظات */
.sf-comm,.sf-note{display:flex;gap:9px;align-items:flex-start;background:var(--orl);border:1px solid var(--orb);border-radius:12px;padding:10px 12px;font:600 12.5px/1.6 var(--font);color:#7c4a12}
.sf-comm svg,.sf-note svg{width:17px;height:17px;flex-shrink:0;margin-top:2px;color:var(--or2)}
.sf-comm b{color:var(--ord);font-weight:900}
.sf-comm small{display:block;color:#9a6a35;font-size:11.5px}
.sf-comm.t{margin-top:14px}
.sf-note{background:#f0fdf4;border-color:#bbf7d0;color:#166534}
.sf-note svg{color:var(--ok)}
.sf-need{display:flex;gap:8px;align-items:center;padding:14px;border-radius:14px;background:var(--soft);border:1.5px dashed #d6dee8;font:700 13px var(--font);color:var(--mut)}
.sf-need svg{width:18px;height:18px;flex-shrink:0}

/* الموافقة */
.sf-agree{display:flex;align-items:center;gap:10px;flex-basis:100%;cursor:pointer;padding:4px 2px;font:600 13px/1.6 var(--font);color:var(--ink2);-webkit-tap-highlight-color:transparent;position:relative}
.sf-agree input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.sf-agree .bx{width:24px;height:24px;border-radius:8px;border:2px solid #cbd5e1;flex-shrink:0;background:#fff;transition:all .15s}
.sf-agree.on .bx{border-color:var(--or);background:var(--or) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/15px no-repeat}
.sf-agree input:focus-visible+.bx{box-shadow:0 0 0 4px rgba(246,146,30,.25)}
.sf-agree a{color:var(--ord);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.sf-agree.bad .bx{border-color:var(--bad);box-shadow:0 0 0 4px rgba(225,29,72,.12)}

/* الأزرار */
.sf-b{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border:0;border-radius:15px;font:900 15px var(--font);cursor:pointer;transition:transform .12s,box-shadow .15s}
.sf-b svg{width:20px;height:20px}
.sf-b:active{transform:scale(.98)}
.sf-b.wa{background:var(--wa);color:#fff;box-shadow:0 10px 22px -10px rgba(37,211,102,.8)}
.sf-b.ghost{flex:0 0 auto;padding:0 18px;background:var(--soft2);color:var(--ink2)}
.sf-b.pt-ok{background:var(--or);color:#fff;box-shadow:0 8px 20px -10px rgba(246,146,30,.9)}

/* المعاينة الحيّة */
.sf-pvw{display:flex;flex-direction:column;gap:8px}
.sf-pvl{font:800 12px var(--font);color:var(--mut);display:flex;align-items:center;gap:6px}
.sf-pvl::before{content:"";width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2)}
.sf-pv{display:flex;border:1px solid #edf1f6;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 30px -14px rgba(15,23,42,.25)}
.sf-pv .ph{position:relative;flex:0 0 38%;max-width:180px;min-height:132px;background:var(--soft2)}
.sf-pv .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sf-pv .ph .bd{position:absolute;top:8px;right:8px;background:var(--ink);color:#fff;border-radius:8px;padding:2px 8px;font:800 11px var(--font)}
.sf-pv .ph .ct{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(transparent,rgba(15,23,42,.75));color:#fff;font:700 10px var(--font);padding:14px 8px 6px;text-align:center}
.sf-pv .bd2{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;padding:12px}
.sf-pv .tt{font:900 14px/1.45 var(--font);color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sf-pv .lc{display:flex;align-items:center;gap:4px;font:600 12px var(--font);color:var(--mut)}
.sf-pv .lc svg{width:13px;height:13px;flex-shrink:0}
.sf-pv .cp{display:flex;flex-wrap:wrap;gap:4px}
.sf-pv .cp i{font-style:normal;background:var(--soft2);color:var(--ink2);border-radius:7px;padding:1px 7px;font:700 11px var(--font)}
.sf-pv .pr{margin-top:auto;font:900 17px var(--font);color:var(--or2)}
.sf-pv .pr small{font:700 11.5px var(--font);color:var(--mut)}
.sf-pv .pr small.ok{color:var(--ok);font-size:12.5px;font-weight:800}
.sf-pv.empty .tt{color:var(--mut);font-weight:700}
.sf-pv.empty .ph img{filter:grayscale(1) opacity(.35)}

/* نافذة الشروط: إغلاق + «موافق على الشروط» */
.pub-terms-foot{display:flex;gap:10px}