@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.pb-node-fj_menu_backdrop { width: 100%; min-height: 100%; background-color: rgba(15,17,14,0.72); padding: 16px; display: flex; justify-content: flex-end; align-items: stretch }

.pb-node-fj_menu_box { width: 100%; max-width: 420px; max-height: calc(100vh - 32px); overflow: auto; background-color: theme:fj_bg; border-width: 1px; border-style: solid; border-color: theme:fj_border; border-radius: 22px; padding: 24px; display: flex; flex-direction: column; gap: 28px; box-shadow: 0 24px 70px rgba(0,0,0,0.42) }

.pb-node-fj_menu_head { display: flex; align-items: center; justify-content: space-between; gap: 16px }

.pb-node-fj_menu_brand { display: flex; align-items: center; gap: 14px }

.pb-node-fj_menu_logo { width: 108px; height: auto; display: block }

.pb-node-fj_menu_title { font-size: 18px }

.pb-node-fj_menu_close { min-height: 44px; font-family: "Roboto"; font-size: 13px; font-weight: 700; background-color: transparent; color: theme:fj_text; padding: 10px 14px; border-width: 1px; border-style: solid; border-color: theme:fj_border; border-radius: 999px; cursor: pointer }

.pb-node-fj_menu_nav { display: flex; flex-direction: column; gap: 2px; padding-top: 8px; padding-bottom: 8px; border-top-width: 1px; border-top-style: solid; border-top-color: theme:fj_border; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: theme:fj_border }

.pb-node-fj_menu_nav_about { min-height: 54px; font-size: 19px; font-family: "Rubik"; font-weight: 600 }

.pb-node-fj_menu_nav_formats { min-height: 54px; font-size: 19px; font-family: "Rubik"; font-weight: 600 }

.pb-node-fj_menu_nav_events { min-height: 54px; font-size: 19px; font-family: "Rubik"; font-weight: 600 }

.pb-node-fj_menu_nav_partner { min-height: 54px; font-size: 19px; font-family: "Rubik"; font-weight: 600 }

.pb-node-fj_menu_nav_contact { min-height: 54px; font-size: 19px; font-family: "Rubik"; font-weight: 600 }

.pb-node-fj_menu_lang { display: flex; align-items: center; justify-content: space-between; gap: 16px }

.pb-node-fj_menu_lang_label { font-size: 14px; color: theme:fj_text }

.pb-node-fj_menu_lang_links { display: flex; gap: 8px }

.pb-node-fj_menu_lang_hu { min-height: 40px; padding: 9px 12px; font-size: 12px }

.pb-node-fj_menu_lang_en { min-height: 40px; padding: 9px 12px; font-size: 12px }

@media (max-width: 1024px) {
.pb-node-fj_menu_backdrop { width: 100%; min-height: 100%; background-color: rgba(15,17,14,0.72); padding: 16px; display: flex; justify-content: flex-end; align-items: stretch }
.pb-node-fj_menu_box { width: 100%; max-width: 420px; max-height: calc(100vh - 32px); overflow: auto; background-color: theme:fj_bg; border-width: 1px; border-style: solid; border-color: theme:fj_border; border-radius: 22px; padding: 24px; display: flex; flex-direction: column; gap: 28px; box-shadow: 0 24px 70px rgba(0,0,0,0.42) }
.pb-node-fj_menu_head { display: flex; align-items: center; justify-content: space-between; gap: 16px }
.pb-node-fj_menu_brand { display: flex; align-items: center; gap: 14px }
.pb-node-fj_menu_logo { width: 108px; height: auto; display: block }
.pb-node-fj_menu_title { font-size: 18px }
.pb-node-fj_menu_close { min-height: 44px; font-family: "Roboto"; font-size: 13px; font-weight: 700; background-color: transparent; color: theme:fj_text; padding: 10px 14px; border-width: 1px; border-style: solid; border-color: theme:fj_border; border-radius: 999px; cursor: pointer }
.pb-node-fj_menu_nav { display: flex; flex-direction: column; gap: 2px; padding-top: 8px; padding-bottom: 8px; border-top-width: 1px; border-top-style: solid; border-top-color: theme:fj_border; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: theme:fj_border }
.pb-node-fj_menu_nav_about { min-height: 54px; font-size: 19px; font-family: "Rubik"; font-weight: 600 }
.pb-node-fj_menu_nav_formats { min-height: 54px; font-size: 19px; font-family: "Rubik"; font-weight: 600 }
.pb-node-fj_menu_nav_events { min-height: 54px; font-size: 19px; font-family: "Rubik"; font-weight: 600 }
.pb-node-fj_menu_nav_partner { min-height: 54px; font-size: 19px; font-family: "Rubik"; font-weight: 600 }
.pb-node-fj_menu_nav_contact { min-height: 54px; font-size: 19px; font-family: "Rubik"; font-weight: 600 }
.pb-node-fj_menu_lang { display: flex; align-items: center; justify-content: space-between; gap: 16px }
.pb-node-fj_menu_lang_label { font-size: 14px; color: theme:fj_text }
.pb-node-fj_menu_lang_links { display: flex; gap: 8px }
.pb-node-fj_menu_lang_hu { min-height: 40px; padding: 9px 12px; font-size: 12px }
.pb-node-fj_menu_lang_en { min-height: 40px; padding: 9px 12px; font-size: 12px }
}

@media (max-width: 768px) {
.pb-node-fj_menu_backdrop { width: 100%; min-height: 100%; background-color: rgba(15,17,14,0.72); padding: 16px; display: flex; justify-content: flex-end; align-items: stretch }
.pb-node-fj_menu_box { width: 100%; max-width: 420px; max-height: calc(100vh - 32px); overflow: auto; background-color: theme:fj_bg; border-width: 1px; border-style: solid; border-color: theme:fj_border; border-radius: 22px; padding: 20px; display: flex; flex-direction: column; gap: 28px; box-shadow: 0 24px 70px rgba(0,0,0,0.42) }
.pb-node-fj_menu_head { display: flex; align-items: center; justify-content: space-between; gap: 16px }
.pb-node-fj_menu_brand { display: flex; align-items: center; gap: 14px }
.pb-node-fj_menu_logo { width: 108px; height: auto; display: block }
.pb-node-fj_menu_title { font-size: 18px }
.pb-node-fj_menu_close { min-height: 44px; font-family: "Roboto"; font-size: 13px; font-weight: 700; background-color: transparent; color: theme:fj_text; padding: 10px 14px; border-width: 1px; border-style: solid; border-color: theme:fj_border; border-radius: 999px; cursor: pointer }
.pb-node-fj_menu_nav { display: flex; flex-direction: column; gap: 2px; padding-top: 8px; padding-bottom: 8px; border-top-width: 1px; border-top-style: solid; border-top-color: theme:fj_border; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: theme:fj_border }
.pb-node-fj_menu_nav_about { min-height: 54px; font-size: 19px; font-family: "Rubik"; font-weight: 600 }
.pb-node-fj_menu_nav_formats { min-height: 54px; font-size: 19px; font-family: "Rubik"; font-weight: 600 }
.pb-node-fj_menu_nav_events { min-height: 54px; font-size: 19px; font-family: "Rubik"; font-weight: 600 }
.pb-node-fj_menu_nav_partner { min-height: 54px; font-size: 19px; font-family: "Rubik"; font-weight: 600 }
.pb-node-fj_menu_nav_contact { min-height: 54px; font-size: 19px; font-family: "Rubik"; font-weight: 600 }
.pb-node-fj_menu_lang { display: flex; align-items: center; justify-content: space-between; gap: 16px }
.pb-node-fj_menu_lang_label { font-size: 14px; color: theme:fj_text }
.pb-node-fj_menu_lang_links { display: flex; gap: 8px }
.pb-node-fj_menu_lang_hu { min-height: 40px; padding: 9px 12px; font-size: 12px }
.pb-node-fj_menu_lang_en { min-height: 40px; padding: 9px 12px; font-size: 12px }
}

.pb-node-fj_menu_close:focus { outline-width: 3px; outline-style: solid; outline-color: theme:fj_accent; outline-offset: 3px }

@media (max-width: 1024px) { .pb-node-fj_menu_close:focus { outline-width: 3px; outline-style: solid; outline-color: theme:fj_accent; outline-offset: 3px } }

@media (max-width: 768px) { .pb-node-fj_menu_close:focus { outline-width: 3px; outline-style: solid; outline-color: theme:fj_accent; outline-offset: 3px } }
