/* assets/css/base.css  —  shared by EVERY page
   ──────────────────────────────────────────────────────
   FIX for "desktop shows zoomed / cut-off" bug (root cause):
    Original pages used `body { width: 1366px }` (17/18 pages).
    This forced a horizontal scrollbar on viewports < 1366px,
    AND clipped right-side floating widgets (`position:fixed`)
    on standard 1366×768 browser windows whose actual viewport
    is 1366 minus scrollbar (~ 1349 px).  We rewrite `body`
    to: `width:100%; max-width:1366px; margin:0 auto` so the
    layout centres on wide screens and never overflows narrow.
*/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:var(--sx-surface);-webkit-text-size-adjust:100%}
body{
  font-family:Vazirmatn,Vazir,Tahoma,'Segoe UI',sans-serif;
  color:var(--body,var(--sx-ink));
  width:100%;
  max-width:1366px;
  margin:0 auto;
  background:var(--sx-surface);
  overflow-x:hidden;
  font-size:13px;
  min-height:100vh;
}
img,svg{display:block;max-width:100%}
button{font-family:inherit;border:0;background:none;cursor:pointer}
a{text-decoration:none;color:inherit;cursor:pointer}
input,textarea,select{font-family:inherit;font-size:inherit}
:focus-visible{outline:2px solid var(--sx-brand);outline-offset:2px}
.no-sb{scrollbar-width:none}
.no-sb::-webkit-scrollbar{display:none}
.hidden{display:none!important}