@font-face{font-family:'PoppinsUI';font-weight:500;font-display:swap;src:url(../fonts/poppins-500-ui.woff2) format('woff2')}
@font-face{font-family:'PoppinsUI';font-weight:600;font-display:swap;src:url(../fonts/poppins-600-ui.woff2) format('woff2')}
@font-face{font-family:'PoppinsUI';font-weight:700;font-display:swap;src:url(../fonts/poppins-700-ui.woff2) format('woff2')}
@font-face{font-family:'PoppinsUI';font-weight:800;font-display:swap;src:url(../fonts/poppins-800-ui.woff2) format('woff2')}
/* ===== v24 design: search, category rings, sheets, cards ===== */
:root{--g1:#25D366;--g2:#10B981;--g3:#0B7A6B;--b1:#2F80ED;--b2:#3B82F6;--ink:#0F172A;--ink2:#475569;--mut:#94A3B8;--line:#E2E8F0;--grad:linear-gradient(90deg,#10B981,#22B8D8 55%,#3B82F6)}
body.h24lock{overflow:hidden}
/* glassy search */
.h24search{position:relative;display:flex;align-items:center;gap:8px;margin:10px 0 4px!important;height:52px;padding:0 6px 0 14px!important;border-radius:18px!important;background:rgba(255,255,255,.92)!important;border:1px solid #DCE7E3!important;box-shadow:0 8px 24px rgba(11,122,107,.10),inset 0 1px 0 #fff!important;backdrop-filter:blur(10px)}
.h24search input[name=q]{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;outline:0;height:100%;padding:0!important;font:500 16px/1.2 system-ui,sans-serif;color:var(--ink);cursor:pointer}
.h24s-ico{font-size:18px}
.h24s-flt{position:relative;flex:0 0 auto;width:40px;height:40px;border-radius:13px;border:0;background:linear-gradient(135deg,#ECFDF5,#E0F2FE);font-size:18px;cursor:pointer;box-shadow:inset 0 0 0 1px #D1FAE5}
.h24s-n{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;border-radius:9px;background:#EF4444;color:#fff;font:700 10.5px/17px system-ui;padding:0 4px;box-sizing:border-box}
/* rings */
.h24rings{display:flex;gap:12px;overflow-x:auto;padding:12px 2px 6px;margin:0 -2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.h24rings::-webkit-scrollbar{display:none}
.h24ring{flex:0 0 auto;width:80px;display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:none;padding:0;cursor:pointer;scroll-snap-align:start;font:inherit;-webkit-tap-highlight-color:transparent}
.h24rw{position:relative;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;isolation:isolate;overflow:hidden;box-shadow:0 6px 16px rgba(16,185,129,.28)}
.h24rw::before{content:"";position:absolute;inset:-20%;z-index:-1;background:conic-gradient(#10B981,#34D399,#A7F3D0,#3B82F6,#2F80ED,#10B981);animation:h24spin 3.5s linear infinite;will-change:transform}
.h24ph{width:66px;height:66px;border-radius:50%;object-fit:cover;border:3px solid #fff;background:#F1F5F4;box-sizing:border-box;display:block}
.h24grid{display:grid;place-items:center;font-size:30px;color:#fff;background:linear-gradient(135deg,#10B981,#0EA5A4 50%,#3B82F6)}
.h24ring:active .h24rw{transform:scale(.94)}
.h24ring.on .h24rw{box-shadow:0 0 0 3px #fff,0 0 0 5px #0B7A6B}
.h24lb{font:600 12px/1.25 PoppinsUI,system-ui,sans-serif;color:var(--ink);text-align:center;max-width:80px;white-space:normal;overflow-wrap:anywhere;min-height:30px}
.h24rw.sm{width:64px;height:64px;flex:0 0 auto}.h24rw.sm .h24ph{width:56px;height:56px}
.h24rw.xs{width:58px;height:58px}.h24rw.xs .h24ph{width:50px;height:50px;border-width:2.5px}
@keyframes h24spin{to{transform:rotate(360deg)}}
/* chips */
.h24chips{display:flex;gap:8px;overflow-x:auto;padding:6px 0 4px;scrollbar-width:none}.h24chips::-webkit-scrollbar{display:none}
.h24chip{flex:0 0 auto;height:40px;padding:0 15px;display:inline-flex;align-items:center;gap:6px;border-radius:20px;background:#fff;border:1px solid var(--line);color:var(--ink);font:600 14px/1 PoppinsUI,system-ui,sans-serif;text-decoration:none;box-shadow:0 2px 6px rgba(15,23,42,.04)}
.h24chip.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 6px 14px rgba(34,184,216,.3)}
.h24active{display:inline-flex;align-items:center;gap:8px;margin:6px 0 0;padding:7px 8px 7px 14px;border-radius:999px;background:#ECFDF5;color:#065F46;font:600 13.5px PoppinsUI,system-ui}
.h24active a{width:24px;height:24px;border-radius:50%;background:#fff;display:grid;place-items:center;text-decoration:none;color:#065F46;font-size:12px}
/* sheets */
.h24dim{position:fixed;inset:0;z-index:200;background:rgba(15,23,42,.45);opacity:0;transition:opacity .25s;backdrop-filter:blur(3px)}
.h24dim.on{opacity:1}
.h24sheet{position:fixed;left:0;right:0;bottom:0;z-index:201;max-height:82vh;overflow:auto;background:#fff;border-radius:24px 24px 0 0;padding:8px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.18);transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.9,.3,1.1);box-sizing:border-box}
.h24sheet.on{transform:none}.h24sheet.tall{max-height:88vh}
.h24grab{width:44px;height:5px;border-radius:3px;background:#CBD5E1;margin:4px auto 12px}
.h24sh{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.h24sht{flex:1;min-width:0}.h24sht h3{margin:0;font:800 19px/1.2 PoppinsUI,system-ui;color:var(--ink)}.h24sht p{margin:3px 0 0;font:500 13px system-ui;color:var(--ink2)}
.h24x{width:40px;height:40px;border-radius:50%;border:0;background:#F1F5F9;font-size:16px;cursor:pointer;flex:0 0 auto}
.h24subs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.h24sub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px;padding:10px 6px;border-radius:18px;background:linear-gradient(160deg,#F0FDF4,#EFF6FF);border:1px solid #E2F3EC;text-decoration:none;color:var(--ink);text-align:center;font:600 13px/1.25 PoppinsUI,system-ui;animation:h24pop .35s both}
.h24sub.all{background:var(--grad);color:#fff;border:0;box-shadow:0 8px 18px rgba(34,184,216,.35)}
.h24se{width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 4px 10px rgba(15,23,42,.08)}
.h24sn{overflow-wrap:anywhere}
@keyframes h24pop{from{opacity:0;transform:translateY(10px) scale(.96)}}
.h24allg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}
.h24ac{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;font:600 11.5px/1.25 PoppinsUI,system-ui;color:var(--ink);text-align:center;cursor:pointer;padding:0}
/* search sheet */
.h24search-sheet{position:fixed;inset:0;z-index:202;background:#F6F9F8;display:flex;flex-direction:column;transform:translateY(24px);opacity:0;transition:transform .25s,opacity .25s}
.h24search-sheet.on{transform:none;opacity:1}
.h24sxh{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(135deg,#075E54,#0B7A6B 55%,#10B981);box-shadow:0 4px 14px rgba(0,0,0,.12)}
.h24back{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.h24sxi{flex:1;display:flex;align-items:center;gap:8px;height:48px;padding:0 6px 0 14px;border-radius:16px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.h24sxi input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;font:500 16px system-ui;padding:0!important;box-shadow:none!important;height:100%}
.h24clr,.h24mic{width:36px;height:36px;border-radius:50%;border:0;background:#F1F5F9;cursor:pointer;font-size:14px}
.h24mic{background:#ECFDF5;font-size:16px}
.h24sxb{flex:1;overflow:auto;padding:6px 14px 110px}
.h24blk{margin-top:12px}.h24blk h4{margin:0 0 10px;font:700 15px PoppinsUI,system-ui;color:var(--ink)}
.h24blk:empty{display:none}
.h24wrap{display:flex;flex-wrap:wrap;gap:8px}
.h24pill{height:38px;padding:0 13px;border-radius:19px;border:1px solid #D1FAE5;background:#ECFDF5;color:#065F46;font:600 13.5px PoppinsUI,system-ui;cursor:pointer}
.h24pill.ol{background:#fff;border-color:var(--line);color:var(--ink2)}
.h24f{margin-bottom:14px}
.h24f>label{display:block;font:700 13.5px PoppinsUI,system-ui;color:var(--ink);margin:0 0 7px 2px}
.h24box{display:flex;align-items:center;gap:8px;height:50px;padding:0 12px;border-radius:14px;background:#fff;border:1.5px solid #DDE6E3;box-sizing:border-box;position:relative;min-width:0}
.h24box:focus-within{border-color:#10B981;box-shadow:0 0 0 4px rgba(16,185,129,.15)}
.h24box select,.h24box input{flex:1;min-width:0;width:100%;border:0!important;outline:0;background:transparent!important;font:500 15.5px system-ui;color:var(--ink);height:100%;padding:0!important;box-shadow:none!important;-webkit-appearance:none;appearance:none}
.h24box select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%2364748B' stroke-width='2.4'/%3E%3C/svg%3E") right center no-repeat!important;padding-right:20px!important}
.h24box select:disabled{color:var(--mut)}
.h24cur{font:800 17px PoppinsUI,system-ui;color:#0B7A6B}
.h24g2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.h24seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}
.h24seg button{min-height:60px;padding:6px 4px;border-radius:14px;border:1.5px solid #DDE6E3;background:#fff;font:600 12.5px/1.2 PoppinsUI,system-ui;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:all .15s}
.h24seg button i{font-style:normal;font-size:19px}
.h24seg button.on{border-color:#10B981;background:#ECFDF5;color:#065F46;box-shadow:0 0 0 3px rgba(16,185,129,.15)}
.h24sticky{position:absolute;left:0;right:0;bottom:0;display:flex;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -6px 20px rgba(0,0,0,.08)}
.h24btn{flex:1;height:54px;border-radius:16px;border:0;background:linear-gradient(135deg,#25D366,#0B7A6B);color:#fff;font:800 16px PoppinsUI,system-ui;cursor:pointer;box-shadow:0 8px 18px rgba(11,122,107,.3)}
.h24btn.gh{flex:0 0 32%;background:#F1F5F9;color:var(--ink);box-shadow:none}
.h24search-sheet .cpwrap{position:static}.h24search-sheet .cplist{top:calc(100% + 4px)}
/* cards (v4) */
.lc{position:relative;display:block;background:#fff;border-radius:18px!important;box-shadow:0 2px 4px rgba(15,23,42,.04),0 10px 26px rgba(15,118,110,.10)!important;padding:14px 12px 12px 18px!important;overflow:hidden;border:1px solid #EEF2F7!important;margin:0 0 14px!important}
.lc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#22C55E}
.lc-req::before{background:#F59E0B}.lc-hire::before{background:#3B82F6}
.lc.feat{border:1.5px solid #FCD34D!important;background:linear-gradient(135deg,#FFFBEB,#fff 45%)}
.lc-rib{position:absolute;top:12px;right:-32px;transform:rotate(45deg);background:linear-gradient(90deg,#F59E0B,#FBBF24);color:#fff;font:900 10.5px system-ui;padding:3px 36px;z-index:3}
.lc-row{display:flex;gap:12px;position:relative}
.lc-lt{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.lc-tgs{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.lc-t{font:800 11px/1 system-ui;padding:4px 8px;border-radius:8px;background:#E0F2FE;color:#0369A1}
.lc-t.k{background:#DCFCE7;color:#15803D}.lc-req .lc-t.k{background:#FFEDD5;color:#C2410C}.lc-hire .lc-t.k{background:#DBEAFE;color:#1D4ED8}
.lc-t.v{background:#FFF3E0;color:#E65100}.lc-t.sold{background:#FEE2E2;color:#B91C1C}
.lc-ago{font:600 11.5px system-ui;color:var(--mut)}
.lc-ti{margin:0!important;font:700 16px/1.3 PoppinsUI,system-ui!important;color:var(--ink);white-space:normal!important;overflow-wrap:break-word;word-break:break-word}
.lc-ds{margin:0;font:500 13px/1.4 system-ui;color:#64748B;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lc-mt{font:700 12px system-ui;color:var(--ink2)}
.lc-ph{flex:0 0 120px;height:120px;border-radius:14px;background:linear-gradient(150deg,#ECFDF5,#EFF6FF);position:relative;align-self:flex-start;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.lc-ph img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain;border-radius:10px}
.lc-cn{position:absolute;left:6px;bottom:6px;background:rgba(15,23,42,.8);color:#fff;font:800 10.5px system-ui;padding:2px 7px;border-radius:8px}
.lc-ph.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(150deg,#DBEAFE,#D1FAE5)}
.lc-ph.empty b{font-size:44px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.12))}.lc-ph.empty span{font:800 11px system-ui;color:#0E7490}
.lc-sl{display:flex;align-items:center;gap:7px;margin-top:9px;font:700 12.5px system-ui;color:#334155}
.lc-sl .carduser{color:#334155;text-decoration:none}
.lc-sa{width:26px;height:26px;border-radius:50%;color:#fff;font:800 11px/26px PoppinsUI,system-ui;text-align:center;object-fit:cover;flex:0 0 auto}
.lc-rt{color:#B45309;font-weight:900}
.lc-ft{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);flex-wrap:wrap}
.lc-pr{font:800 22px/1.1 PoppinsUI,system-ui;background:linear-gradient(90deg,#059669,#0EA5A4);-webkit-background-clip:text;background-clip:text;color:transparent!important;white-space:nowrap}
.lc-ng{font:800 10.5px system-ui;color:#0E7490;background:#E0F2FE;padding:4px 8px;border-radius:7px}
.lc-cp{margin-left:auto;height:40px;padding:0 16px;border-radius:20px;background:var(--grad);color:#fff!important;font:800 14px PoppinsUI,system-ui;display:inline-flex;align-items:center;gap:6px;text-decoration:none;box-shadow:0 6px 14px rgba(34,184,216,.33);white-space:nowrap}
[dir=rtl] .lc{padding:14px 18px 12px 12px!important}[dir=rtl] .lc::before{left:auto;right:0}[dir=rtl] .lc-cp{margin-left:0;margin-right:auto}
@media (prefers-reduced-motion:reduce){.h24rw::before{animation:none}.h24sub{animation:none}.h24sheet,.h24search-sheet,.h24dim{transition:none}}
@media (min-width:900px){.h24sheet{left:50%;right:auto;width:560px;transform:translate(-50%,110%);border-radius:24px;bottom:24px}.h24sheet.on{transform:translate(-50%,0)}.h24search-sheet{left:50%;width:600px;transform:translate(-50%,24px);border-radius:0}.h24search-sheet.on{transform:translate(-50%,0)}.h24allg{grid-template-columns:repeat(6,minmax(0,1fr))}}
/* sell form v24 */
.sf-wrap{max-width:640px;margin:0 auto}
.sf-title{font:800 23px/1.2 PoppinsUI,system-ui;color:var(--ink);margin:6px 2px 2px}.sf-sub{margin:0 2px 10px;color:var(--ink2);font-size:13px}
.sf-steps{position:sticky;top:0;z-index:30;display:flex;gap:6px;padding:8px;margin:0 -2px 12px;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-radius:16px;box-shadow:0 4px 14px rgba(15,23,42,.07)}
.sf-st{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border-radius:12px;text-decoration:none;color:var(--ink2);font:600 11.5px/1.15 PoppinsUI,system-ui;text-align:center}
.sf-st i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#F1F5F9;font-size:17px;transition:all .2s}
.sf-st.on{color:#065F46}.sf-st.on i{background:var(--grad);box-shadow:0 4px 10px rgba(34,184,216,.35)}.sf-st.done i{background:#D1FAE5}
.sf-sec{background:#fff;border-radius:20px;padding:16px 14px 6px;margin-bottom:14px;box-shadow:0 2px 4px rgba(15,23,42,.03),0 10px 26px rgba(15,118,110,.08);border:1px solid #EEF2F7;scroll-margin-top:84px}
.sf-sec h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;font:800 17px PoppinsUI,system-ui;color:var(--ink)}
.sf-n{width:26px;height:26px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:13px}
.sf-big2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sf-bigb{height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#25D366,#0B7A6B);color:#fff;font:800 15.5px PoppinsUI,system-ui;cursor:pointer;box-shadow:0 8px 18px rgba(11,122,107,.25);text-transform:none}
.sf-bigb.w{background:#fff;color:#065F46;border:1.5px solid #A7F3D0;box-shadow:none}
.sf-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.sf-photos:empty{display:none}
.sf-pt{position:relative;aspect-ratio:1;border-radius:12px;background:#F1F5F9 center/cover no-repeat;box-shadow:inset 0 0 0 1px var(--line)}
.sf-cv{position:absolute;left:4px;bottom:4px;background:rgba(15,23,42,.8);color:#fff;font:800 10px system-ui;padding:2px 6px;border-radius:7px}
.sf-hint{font-size:12.5px;color:var(--ink2);margin:8px 2px 10px}
.sf-f{margin-bottom:14px}.sf-f>label{display:block;font:700 13.5px PoppinsUI,system-ui;color:var(--ink);margin:0 0 7px 2px;text-transform:none}
.sf-req{color:#D62976}
.sf-box{display:flex;align-items:center;gap:8px;min-height:50px;padding:0 12px;border-radius:14px;background:#fff;border:1.5px solid #DDE6E3;box-sizing:border-box;position:relative;min-width:0;margin-top:0}
label .sf-box{margin-top:7px}
.sf-box:focus-within{border-color:#10B981;box-shadow:0 0 0 4px rgba(16,185,129,.15)}
.sf-box input,.sf-box select,.sf-box textarea{flex:1;min-width:0;width:100%;border:0!important;outline:0;background:transparent!important;font:500 16px system-ui;color:var(--ink);min-height:46px;padding:0!important;box-shadow:none!important;margin:0!important;-webkit-appearance:none;appearance:none;border-radius:0!important}
.sf-box select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%2364748B' stroke-width='2.4'/%3E%3C/svg%3E") right center no-repeat!important;padding-right:22px!important}
.sf-box select:disabled{color:var(--mut)}
.sf-box.ta{align-items:flex-start;padding-top:10px;padding-bottom:10px}.sf-box textarea{min-height:96px;resize:vertical}
.sf-box .micBtn{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:0;background:#ECFDF5;font-size:16px;position:static!important}
.sf-cur{font:800 18px PoppinsUI,system-ui;color:#0B7A6B}
.sf-g2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.sf-g2.pr{grid-template-columns:minmax(0,1fr) 116px}
.sf-ct{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sf-ctb,.sf-pill{position:relative;cursor:pointer;text-transform:none;margin:0}
.sf-ctb input,.sf-pill input,.sf-tog input{position:absolute;opacity:0;width:1px;height:1px}
.sf-ctb span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:72px;padding:6px 4px;border-radius:16px;border:1.5px solid #DDE6E3;background:#fff;font:700 12.5px/1.2 PoppinsUI,system-ui;color:var(--ink);text-align:center;transition:all .15s}
.sf-ctb span i{font-style:normal;font-size:22px}
.sf-ctb input:checked+span{border-color:#10B981;background:#ECFDF5;color:#065F46;box-shadow:0 0 0 3px rgba(16,185,129,.15)}
.sf-ctb input:focus-visible+span,.sf-pill input:focus-visible+span{outline:2px solid #10B981}
.sf-pills{display:flex;flex-wrap:wrap;gap:8px}
.sf-pill span{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 13px;border-radius:20px;border:1.5px solid #DDE6E3;background:#fff;font:600 13.5px PoppinsUI,system-ui;color:var(--ink)}
.sf-pill input:checked+span{border-color:#10B981;background:#ECFDF5;color:#065F46}
.sf-extra{margin:0 0 14px;padding:12px 12px 0;border-radius:16px;background:linear-gradient(160deg,#F0FDF4,#EFF6FF);border:1px dashed #A7F3D0}
.sf-eh{font:800 14px PoppinsUI,system-ui;color:#065F46;margin-bottom:10px}
.sf-tog{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:#F8FAFC;border:1px solid var(--line);margin:0 0 14px;cursor:pointer;text-transform:none}
.sf-te{font-size:24px}.sf-tt{flex:1;font:700 14.5px PoppinsUI,system-ui;color:var(--ink)}.sf-tt small{display:block;font:500 12px system-ui;color:var(--ink2)}
.sf-sw{width:48px;height:28px;border-radius:14px;background:#CBD5E1;position:relative;transition:background .2s;flex:0 0 auto}
.sf-sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .2s}
.sf-tog input:checked~.sf-sw{background:#10B981}.sf-tog input:checked~.sf-sw::after{transform:translateX(20px)}
[dir=rtl] .sf-tog input:checked~.sf-sw::after{transform:translateX(-20px)}[dir=rtl] .sf-sw::after{left:auto;right:3px}
.sf-sticky{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));z-index:20;padding:8px 0 6px;background:linear-gradient(rgba(243,246,245,0),#F3F6F5 40%)}
.sf-btn{width:100%;height:56px;border:0;border-radius:16px;background:linear-gradient(135deg,#25D366,#0B7A6B);color:#fff;font:800 17px PoppinsUI,system-ui;box-shadow:0 10px 22px rgba(11,122,107,.3);cursor:pointer}
.sf-sec .rf-locwrap{margin-bottom:12px}
/* listing detail: WhatsApp group-chat skin */
.chatbg{background:#EFE7DC url(../img/doodle-beige.svg?v=26) repeat!important;background-size:320px auto!important;border-radius:16px!important;padding:10px 8px!important;box-shadow:inset 0 0 0 1px #E6DCCD}
.bubble{position:relative;max-width:84%;border-radius:12px!important;box-shadow:0 1px 1px rgba(0,0,0,.12);background:#fff!important;margin:6px auto 6px 0!important;text-align:start}
.bubble.mine{background:#D9FDD3!important;margin:6px 0 6px auto!important;border-top-right-radius:4px!important}
.bubble:not(.mine){border-top-left-radius:4px!important}
.bubblehead{background:transparent!important;margin:-2px 0 4px!important;padding:0!important;gap:8px}
.bubblehead a:first-child{color:#0B7A6B}.bubble.seller .bubblehead a:first-child{color:#1D4ED8}
.bubblehead .callbtn{margin-left:auto;height:28px;padding:0 11px;border-radius:14px;background:var(--grad)!important;color:#fff!important;font:700 12px PoppinsUI,system-ui;display:inline-flex;align-items:center;gap:4px;text-decoration:none;box-shadow:0 3px 8px rgba(34,184,216,.3)}
.bubble time{font-size:11px;color:#667781!important}
.bubble .ticks{color:#53BDEB;font-weight:800;letter-spacing:-3px;margin-left:2px}
.pinned{background:#fff!important;border-radius:14px!important;box-shadow:0 4px 14px rgba(15,23,42,.08)!important;border-left:5px solid #25D366}
.wabar .wapill{border-radius:24px!important;box-shadow:0 1px 2px rgba(0,0,0,.12)}
[dir=rtl] .bubble{margin:6px 0 6px auto!important}[dir=rtl] .bubble.mine{margin:6px auto 6px 0!important}[dir=rtl] .bubblehead .callbtn{margin-left:0;margin-right:auto}
.lflags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.h24search-sheet[hidden],.h24sheet[hidden],.h24dim[hidden],.sf-extra[hidden]{display:none!important}
.h24sxh{box-sizing:border-box;width:100%}.h24sxi{min-width:0;box-sizing:border-box;margin:0;text-transform:none}.h24back{flex:0 0 40px}
.h24search-sheet .h24f>label,.h24search-sheet .h24blk h4{text-transform:none;letter-spacing:0}