/* ===== Energy Ravan Pars header ===== */
html{scroll-padding-top:68px}
.vh{
  position:fixed;inset:0 0 auto 0;z-index:80;height:68px;
  background:linear-gradient(180deg,rgba(6,10,20,.94),rgba(6,10,20,.8));
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(255,255,255,.12);
  color:#fff;font-family:Vazirmatn,Inter,sans-serif;
}
.vh *{box-sizing:border-box}
.vh a{color:inherit;text-decoration:none}
.vh-bar{max-width:1280px;height:100%;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;direction:ltr;position:relative}

/* brand */
.vh-brand{display:flex;align-items:center;gap:10px}
.vh-brand img{width:44px;height:44px;object-fit:contain;display:block;box-sizing:border-box;padding:3px;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.vh-brand .vh-t{line-height:1}
.vh-brand .vh-name{font-family:Montserrat,Inter,sans-serif;font-style:normal;font-weight:800;font-size:18px;letter-spacing:.1px;color:#fff;white-space:nowrap}
.vh-brand .vh-tag{display:none}

/* nav */
.vh-nav{display:flex;gap:44px;direction:rtl;position:absolute;left:50%;transform:translateX(-50%)}
.vh-nav>div,.vh-nav>a{position:relative}
.vh-nav a.vh-link,.vh-nav button.vh-link{
  font:500 14px Vazirmatn,Inter,sans-serif;color:#dfe5ef;padding:23px 0;position:relative;
  display:flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;transition:color .2s;white-space:nowrap;
}
.vh-nav .vh-link:hover{color:#fff}
.vh-nav .vh-link.active{color:#fff;font-weight:700}
.vh-nav .vh-link.active::after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:#e5121b}
.vh-nav .vh-link svg{width:10px;height:10px;transition:transform .2s}
.vh-has-sub.open>.vh-link svg{transform:rotate(180deg)}

/* dropdowns */
.vh-sub,.vh-langmenu{
  position:absolute;top:calc(100% - 6px);min-width:220px;padding:8px;border-radius:12px;
  background:rgba(8,13,26,.97);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 50px rgba(0,0,0,.5);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;direction:rtl;
}
.vh-sub{right:0}
.vh-has-sub.open>.vh-sub,.vh-lang.open>.vh-langmenu{opacity:1;visibility:visible;transform:none}
.vh-sub a,.vh-langmenu button{
  display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:8px;border:0;background:none;color:#dfe5ef;
  font:500 13px Vazirmatn,Inter,sans-serif;cursor:pointer;text-align:right;
}
.vh-sub a small{margin-inline-start:auto;font:600 10px Montserrat,Inter,sans-serif;color:#7d8aa3;letter-spacing:.5px}
.vh-sub a:hover,.vh-langmenu button:hover{background:rgba(255,255,255,.08);color:#fff}

/* tools */
.vh-tools{display:flex;align-items:center;gap:16px}
.vh-tools>button,.vh-lang>button{background:none;border:0;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 2px}
.vh-sep{width:1px;height:22px;background:rgba(255,255,255,.14)}
.vh-flag{width:22px;height:16px;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.vh-flag i{flex:1}
.vh-flag.ir i:nth-child(1){background:#239f40}.vh-flag.ir i:nth-child(2){background:#fff}.vh-flag.ir i:nth-child(3){background:#da0000}
.vh-flag.en{background:linear-gradient(90deg,transparent 42%,#c8102e 42% 58%,transparent 58%),linear-gradient(0deg,transparent 38%,#c8102e 38% 62%,transparent 62%),#1b3a8f}
.vh-lang{position:relative}
.vh-langmenu{right:0;min-width:150px}
.vh-menu-btn{display:none!important}

/* search bar */
.vh-search{
  position:absolute;top:100%;left:0;right:0;background:rgba(6,10,20,.97);border-bottom:1px solid rgba(255,255,255,.12);
  max-height:0;overflow:hidden;transition:max-height .25s;
}
.vh-search.open{max-height:70px}
.vh-search form{max-width:1280px;margin:auto;padding:14px 28px;display:flex;gap:10px;direction:rtl}
.vh-search input{flex:1;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;padding:0 18px;font:400 14px Vazirmatn,Inter,sans-serif;outline:0}
.vh-search input:focus{border-color:#3da0ff}
.vh-search button{padding:0 22px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:none;color:#fff;cursor:pointer;font:500 13px Vazirmatn,Inter,sans-serif}
.vh-search button:hover{background:#fff;color:#0a1020}

/* scroll progress */
.vh-progress{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:linear-gradient(90deg,#e5121b,#135cff);pointer-events:none}

/* mobile */
@media (max-width:1000px){
  .vh-menu-btn{display:flex!important}
  .vh-nav{
    display:none;position:absolute;top:68px;left:0;right:0;transform:none;flex-direction:column;gap:0;
    background:rgba(6,10,20,.97);padding:6px 28px 14px;border-bottom:1px solid rgba(255,255,255,.12);
  }
  .vh-nav.open{display:flex}
  .vh-nav .vh-link{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);width:100%;justify-content:space-between}
  .vh-nav .vh-link.active::after{display:none}
  .vh-sub{position:static;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;border:0;background:none;padding:0 0 6px}
  .vh-has-sub.open>.vh-sub{display:block}
}
@media (max-width:480px){
  .vh-bar{padding:0 16px}
  .vh-brand img{width:36px;height:36px}
  .vh-brand .vh-name{font-size:15px}
  .vh-tag{display:none}
}