:root{
  --orange: #f36f21;
  --orange-dark:#eb671b;
  --white: #ffedd5;
}

.logo{
  display:flex; align-items:center; user-select:none;
  font-family:"Vazirmatn", Tahoma, sans-serif;
}
.logo__tike{ color: var(--orange); border-top-right-radius:5px;  font-weight: 900; font-size: 1.6rem; line-height: 1; background-color: var(--white);padding: .08em .8em .1em;}
.logo__choob{
  background: var(--orange); color: var(--white); font-weight: 900;
  padding: .08em .8em .1em;  font-size: 1.6rem; line-height: 1;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.06); transition: background .2s ease;
  border-bottom-left-radius:5px; 
}
.logo--link{ text-decoration:none; }
.logo__choob:hover{ background: var(--orange-dark); }

/* Hero size for homepage */
.home-hero .logo__tike, .home-hero .logo__choob{ font-size: clamp(28px, 6vw, 64px); }
/* CSS Document */