/* The site's one header, the same on every page. Its own file and its own class names, because
   the homepage carries its styles inline and the other pages use site.css; two copies of the
   header had drifted apart in both wording and colour. Selectors are scoped under .site-head so
   neither page's older .burger / .mobile-nav rules can reach in. */

.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:rgba(16,18,20,.78);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #26292D;color:#ECEAE6;
  font-family:Vazirmatn,Tahoma,"Segoe UI",sans-serif;line-height:1.6}
.site-head .sh-in{max-width:1180px;margin:0 auto;padding:0 24px;height:76px;display:flex;align-items:center;gap:38px}
.site-head .sh-logo{display:flex;line-height:0;flex:none}
.site-head .sh-logo img{height:34px;width:auto;display:block}

.site-head .sh-nav{display:flex;gap:28px;font-size:15px;white-space:nowrap}
.site-head .sh-nav a{color:#C9C6C0;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;transition:color .15s}
.site-head .sh-nav a:hover{color:#fff}
.site-head .sh-nav a[aria-current="page"]{color:#fff;border-bottom-color:#FF5A1F}

.site-head .sh-act{margin-inline-start:auto;display:flex;align-items:center;gap:20px;font-size:15px}
.site-head .sh-login{color:#C9C6C0;text-decoration:none}
.site-head .sh-login:hover{color:#fff}
.site-head .sh-signup{display:inline-flex;align-items:center;color:#ECEAE6;text-decoration:none;font-weight:700;
  font-size:14.5px;padding:9px 20px;border:1px solid #3A3E44;border-radius:999px;white-space:nowrap;transition:border-color .2s}
.site-head .sh-signup:hover{border-color:#5A5E65}

.site-head .burger{display:none;width:42px;height:42px;border-radius:999px;border:1px solid #3A3E44;background:transparent;
  color:#ECEAE6;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;font-size:0}
.site-head .burger span{display:block;width:16px;height:1.6px;border-radius:2px;background:currentColor}

.site-head .mobile-nav{display:none;max-width:1180px;margin:0 auto;padding:6px 24px 14px;border-top:1px solid #26292D;background:transparent}
.site-head .mobile-nav.open{display:block}
.site-head .mobile-nav a{display:block;padding:12px 4px;border-bottom:1px solid #26292D;text-decoration:none;color:#C9C6C0;font-size:16px;background:transparent}
.site-head .mobile-nav a:last-child{border-bottom:0}
.site-head .mobile-nav a:hover,.site-head .mobile-nav a[aria-current="page"]{color:#fff}

.site-head :focus-visible{outline:2px solid #FF8A5C;outline-offset:3px;border-radius:6px}

/* Six links and two buttons need the room; below it the menu folds into the burger. */
@media (max-width:1100px){
  .site-head .sh-nav,.site-head .sh-login{display:none}
  .site-head .burger{display:inline-flex}
}
@media (max-width:480px){
  .site-head .sh-in{padding:0 16px;gap:16px;height:64px}
  .site-head .sh-logo img{height:30px}
  .site-head .sh-act{gap:10px}
  .site-head .sh-signup{padding:8px 14px}
  .site-head .mobile-nav{padding:6px 16px 14px}
}