/* Vibino — automatic H2 style for every blog / magazine post.
   Anything the editor marks as "Heading 2" inside the post body gets this look.
   Only H2 is touched. H3/H4 stay as they were. */
html body .blogsingle .fk-post-content h2{
  position:relative;
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  margin:2.1em 0 .9em !important;
  padding:.35em 22px .45em 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
  direction:rtl;
  text-align:right;
  font-family:'Lalezar',bakhb,'YekanBakhFaNum',sans-serif !important;
  font-weight:400 !important;
  font-size:clamp(26px,2.8vw,36px) !important;
  line-height:1.6 !important;
  letter-spacing:0;
  color:#f0abfc !important;
  background-image:linear-gradient(95deg,#ffffff 0%,#f5b4ff 38%,#d946ef 72%,#a855f7 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none;
  filter:drop-shadow(0 4px 18px rgba(217,70,239,.28));
  scroll-margin-top:90px;
}
/* glowing vertical bar on the reading edge (right side in RTL) */
html body .blogsingle .fk-post-content h2::before{
  content:'' !important;
  display:block !important;
  position:absolute;
  top:.4em;
  bottom:.5em;
  right:0;
  width:5px;
  border-radius:10px;
  background:linear-gradient(180deg,#e879f9 0%,#d500f9 55%,#7c3aed 100%) !important;
  box-shadow:0 0 14px rgba(217,70,239,.55);
  -webkit-text-fill-color:initial;
}
/* soft fading underline */
html body .blogsingle .fk-post-content h2::after{
  content:'' !important;
  display:block !important;
  height:2px;
  margin-top:.28em;
  border:0 !important;
  border-radius:10px;
  background:linear-gradient(270deg,rgba(217,70,239,.55),rgba(124,58,237,.18) 55%,transparent) !important;
  box-shadow:none !important;
  -webkit-text-fill-color:initial;
}
/* editor may wrap words in <strong>, <span>, <a>, <em> inside the heading */
html body .blogsingle .fk-post-content h2 *{
  font:inherit !important;
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
  background:none !important;
  text-decoration:none;
}
@media (max-width:639px){
  html body .blogsingle .fk-post-content h2{
    margin:1.8em 0 .8em !important;
    padding-right:17px !important;
    font-size:25px !important;
    line-height:1.65 !important;
  }
  html body .blogsingle .fk-post-content h2::before{width:4px}
}