Different styles for different languages

Hi, everyone! I need your help guys. I want to realize simple logic, but i don’t know what i need to do. I have a website with two versions. One for global and one israeli version.

What i want to do. On global version i use basic styles with “custom-styles.css” file. When user click language selector and choose hebrew version of website, i want to add new “right-to-left” styles with new css file like “hebrew-styles.css”.

What the main problem - when click to language switcher i see that hml landuage change to “he”. (pic1).

Снимок экрана 2023-02-12 в 16.26.12.png

But if use this code i always see only “en”;

let html = document.querySelector("html");
  let lang = html.getAttribute("lang");
  console.log(lang)

Can you give advise what i can do?

P.S. With liquid it doesn’t work too.

{% if request.locale.iso_code == "he" %}

{% endif %}

@malykhs1

oh sorry for that issue yes its possible make customization code

Can you give advice how to realize this logic?