:root{--c:#ed5a0b;--c2:#c94a05;--cs:#fff3ec;--bg:#fafaf9;--card:#fff;--t:#1c1917;--m:#78716c;--b:#e7e5e4;--r:14px;--sh:0 1px 2px rgba(28,25,23,.06),0 4px 14px rgba(28,25,23,.05)}
@media(prefers-color-scheme:dark){:root{--bg:#121110;--card:#1c1a19;--t:#f5f5f4;--m:#a8a29e;--b:#2e2a28;--cs:#2a1a11;--sh:none}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Tahoma,"Vazirmatn","Segoe UI",system-ui,sans-serif;color:var(--t);background:var(--bg);line-height:1.8;min-height:100vh;display:flex;flex-direction:column}
main,.top{flex:0 0 auto}main{flex:1 0 auto;width:100%}
a{color:var(--c);text-decoration:none}a:hover{color:var(--c2)}
h1,h2,h3{line-height:1.4}h2{font-size:1.15rem;margin:22px 0 8px}h3{font-size:1rem;margin:22px 0 6px}
:focus-visible{outline:3px solid rgba(237,90,11,.35);outline-offset:2px}
/* nav */
.nv{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;font-size:.85rem}
.nv a{padding:6px 14px;border-radius:20px;color:var(--m);border:1px solid transparent}
.nv a:hover{background:var(--cs);color:var(--c)}.nv a:last-child:not(:first-child),.nv a[href="/register-business"]{background:var(--c);color:#fff}
.nv a[href="/register-business"]:hover{background:var(--c2);color:#fff}
/* logo */
.logo{font:800 2.3rem/1 system-ui,"Segoe UI",sans-serif;direction:ltr;color:var(--t);margin:0 0 26px;letter-spacing:-.5px}
.logo span{color:var(--c)}.logo.sm{font-size:1.15rem;margin:0;display:inline-block}
/* home */
.home{max-width:680px;margin:0 auto;padding:9vh 16px 28px;text-align:center}
.home::before{content:"";display:block;width:64px;height:5px;border-radius:5px;background:var(--c);margin:0 auto 18px}
.ex{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;font-size:.85rem}
.ex a{padding:5px 14px;background:var(--card);border:1px solid var(--b);border-radius:20px;color:var(--m)}
.ex a:hover{border-color:var(--c);color:var(--c)}
/* search form */
.sf .box{position:relative}
.sf input#q{width:100%;padding:16px 22px;font:inherit;font-size:1.05rem;color:var(--t);background:var(--card);border:2px solid var(--b);border-radius:32px;box-shadow:var(--sh);outline:0;transition:border-color .15s}
.sf input#q:focus{border-color:var(--c)}
#sug{position:absolute;inset-inline:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--b);border-radius:var(--r);box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:20;text-align:start;overflow:hidden}
#sug div{padding:11px 20px;cursor:pointer}#sug div:hover{background:var(--cs)}
.pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:16px 0}
.pills input{position:absolute;opacity:0;pointer-events:none}
.pills span{display:block;padding:5px 15px;background:var(--card);border:1px solid var(--b);border-radius:20px;font-size:.85rem;cursor:pointer;transition:.15s}
.pills span:hover{border-color:var(--c)}
.pills input:checked+span{background:var(--c);border-color:var(--c);color:#fff}
.pills input:focus-visible+span{outline:3px solid rgba(237,90,11,.35)}
.row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
/* controls */
select,button,input,textarea{font:inherit;color:var(--t)}
select{padding:11px 16px;border-radius:24px;border:1px solid var(--b);background:var(--card)}
button{padding:11px 28px;border-radius:24px;border:0;background:var(--c);color:#fff;font-weight:700;cursor:pointer;transition:background .15s,transform .05s}
button:hover{background:var(--c2)}button:active{transform:scale(.98)}
button.ghost{background:transparent;color:var(--c);border:1px solid var(--c)}button.ghost:hover{background:var(--cs)}
/* results */
.top{display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px;background:var(--card);border-bottom:1px solid var(--b);box-shadow:var(--sh)}
.top .sf .pills{justify-content:flex-start;margin:10px 0}.top .sf .row{justify-content:flex-start}
.res{max-width:780px;margin:0 auto;padding:8px 16px 24px}
.res section h2 small{color:var(--m);font-weight:400}
.card{position:relative;background:var(--card);border:1px solid var(--b);border-radius:var(--r);padding:14px 16px;margin:10px 0;box-shadow:var(--sh);transition:border-color .15s}
.card:hover{border-color:var(--c)}
.card h3{margin:0;font-size:1.05rem}.card h3 a{color:var(--t)}.card h3 a:hover{color:var(--c)}
.card p{margin:4px 0;color:var(--m);font-size:.9rem}.card small{color:var(--m)}
.price{display:inline-block;font-weight:800;color:var(--c);font-size:1.05rem;margin:2px 0}
.ok{display:inline-block;font-size:.72rem;font-weight:700;color:#15803d;background:#dcfce7;padding:1px 9px;border-radius:10px;vertical-align:middle}
.tag{display:inline-block;background:var(--c);color:#fff;font:700 .68rem system-ui,sans-serif;letter-spacing:.5px;padding:2px 9px;border-radius:8px;direction:ltr;margin-bottom:4px}
.more{display:block;text-align:center;padding:10px;border:1px dashed var(--b);border-radius:var(--r);margin:6px 0}.more:hover{border-color:var(--c)}
.pg{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:18px 0}
.pg a{min-width:38px;text-align:center;padding:5px 12px;background:var(--card);border:1px solid var(--b);border-radius:10px;color:var(--t)}
.pg a:hover{border-color:var(--c)}.pg .on{background:var(--c);border-color:var(--c);color:#fff}
.empty{text-align:center;padding:48px 16px;background:var(--card);border:1px dashed var(--b);border-radius:var(--r);margin-top:18px}
.empty h2{margin-top:0}
/* forms & detail pages */
.narrow{max-width:540px}
.narrow>h2,.narrow>h1{margin-top:18px}.narrow h1{font-size:1.5rem;margin-bottom:4px}
.fl{display:block;margin:12px 0;font-size:.9rem;font-weight:600}
.fl input,.fl select,.fl textarea{display:block;width:100%;margin-top:5px;padding:11px 14px;background:var(--card);border:1px solid var(--b);border-radius:12px;font-weight:400;transition:border-color .15s}
.fl input:focus,.fl select:focus,.fl textarea:focus{border-color:var(--c);outline:0}
.narrow form{background:var(--card);border:1px solid var(--b);border-radius:var(--r);padding:8px 18px 18px;margin:12px 0;box-shadow:var(--sh)}
.narrow form button{width:100%;margin-top:8px}
.narrow ul{padding-inline-start:20px}.narrow li{margin:4px 0}
.err{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;padding:10px 14px;border-radius:12px}
.note{background:var(--cs);color:var(--c2);border:1px solid #fed7aa;padding:10px 14px;border-radius:12px}
.m{color:var(--m)}
.ct{margin:12px 0;display:flex;gap:8px;flex-wrap:wrap}
.ct a{padding:8px 18px;border-radius:22px;background:var(--cs);border:1px solid #fed7aa;font-weight:700;font-size:.9rem}
.ct a:hover{background:var(--c);color:#fff;border-color:var(--c)}
/* footer */
footer{margin-top:auto;text-align:center;padding:22px 12px;font-size:.8rem;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;border-top:1px solid var(--b);background:var(--card)}
footer a{color:var(--m)}footer a:hover{color:var(--c)}
@media(min-width:720px){.home{padding-top:14vh}.top{flex-direction:row;align-items:center;gap:24px}.top .sf{flex:1}.top .sf .pills{margin:8px 0}.logo{font-size:2.8rem}.logo.sm{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}