html,
body {
    height: 100%;
    overflow: auto;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE/Edge */
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    display: none;
    /* Chrome/Safari */
}

.hidden {
    display: none;
}


.sidebar-menu {
    position: fixed;
    left: 0;
    height: 100vh;
    display: flex;
    gap: -1px;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}

.menu{
    transition: margin .3s ease-in-out;
}

.menu.hidden{
    /* transform: translateX(-100%); */
    margin-left: -90%;
}

.sidebar-wrapper .sidebar-menu-list,
.menu,
.child-block {
    display: flex;
    flex-direction: column;
    width: fit-content;
    height: fit-content;
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(6.5px);
    border-radius: 0 1.55vw 1.55vw 0;
    max-height: 76vh;
    overflow: hidden;
    padding: 0;
    backdrop-filter: blur(12.5px);

    box-shadow: 0px 4px 25px 0px #00000014;

}

.sidebar-wrapper{
        display: flex
;
    flex-direction: row;
    align-items: center;
}

.info-page-toggle-menu{
    background-color: #E2E2E2;
    width: 2vw;
    height: 4.271vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0  0.521vw 0.521vw 0;
}

.sidebar-wrapper .sidebar-menu-list button {
    width: 100% !important;
    text-align: left;
}

.sidebar-wrapper .sidebar-menu-list button,
.sidebar-wrapper .sidebar-menu-list a,
.menu li,
.child-block>a {
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    width: 11.8vw;
    border: none;
    background: transparent;
    font-size: 0.833vw;
    padding: 1.04vw 2.08vw;
    text-decoration: none;
    color: #000;
    box-sizing: border-box;
}

.menu li a {
    color: #000;
    text-decoration: none;
}

.current_page_item {
    background-color: #86D5B0 !important;
}

.child-block>button {
    max-height: 4vw;
}

.sidebar-wrapper .menu-button.active {
    background-color: #7AB2FE;

}


.child-block.hidden {
    display: none;
}

.navigation-block {
    position: fixed;
    top: 1.04vw;
    left: 1.04vw;
    z-index: 100;
}

.navigation-block>button {
    width: 2.08vw;
    height: 2.08vw;
    border-radius: 2vw;
    border: none;
    box-shadow: 0px 4px 25px 0px #00000014;

}

.navigation-block>button>img {
    width: .83vw;
    height: .83vw;
}

footer {
    position: fixed;
    bottom: 0;
    width: 100vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.footer-wrapper {
    padding: 1vw;
    padding-bottom: 0;
    background-color: #fff;
    border-radius: 1.55vw 1.55vw 0 0;
    display: flex;
    flex-direction: row;
    gap: 3vw;
}

.footer-wrapper>button,
.mobile-menu-footer>button {
    background-color: transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: .4vw;
    border: none;
    padding: .8vw;
    font-size: 0.833vw;
}

.footer-wrapper li {
    background-color: transparent;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: .4vw;
    text-decoration: none;
    text-transform: uppercase;
    list-style-type: none;
}

.footer-wrapper li a{

}

.footer-wrapper li a {
    font-size: 0.833vw;
    color: #000
}

.footer-wrapper li a {
    text-decoration: none;
}

.footer-wrapper>button>img {
    width: 1.04vw;
    height: 1.04vw;

}


.sidebar-menu.history-page .sidebar-wrapper {

    backdrop-filter: blur(12.5px);

    box-shadow: 0px 4px 25px 0px #00000014;
    height: fit-content;

}

.sidebar-menu.history-page .sidebar-wrapper>button {
    height: 8.08vw;
}


.mobile-menu.hidden {
    display: none;
}


.mobile-menu {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00000024;
}

.mobile-menu-wrapper {
    width: 70vw;
    height: 100vh;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 16vw;
    z-index: 15000;
    padding-left: 5.333vw;
}

.mobile-menu-wrapper.hide {
    animation: hide .3s ease;
}

.mobile-menu-wrapper.vision {
    animation: vision .3s ease;
}


.mobile-menu-wrapper.hidden {
    display: none;
}

.mobile-menu.hidden {
    display: none;
}

.mobile-menu ul {
    padding: 0;

}

.mobile-menu .text {
    font-size: 4.26vw;
}

.mobile-menu a {
    text-decoration: none;
    color: #000;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1vw
}

.mobile-menu a img {
    width: 5vw !important;
}

.submenu {
    padding-left: 3vw;
}

.submenu.hide {
    display: none;
}

.menu-item {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.menu-item i {
    margin-left: auto;
    margin-right: 5vw;
    font-size: 5vw;
    content: "\faf3";
}

.menu-item i.close {
    content: "\faf0";
}

.menu-item.depth-1 {
    padding: 3vw 6vw;
}

.mobile-menu .mobile-menu-logo {
    padding-top: 10vw;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-right: 5vw;
}

.mobile-menu img.logo-item {
    width: 34.085vw;
}

.mobile-menu i.close-item {
    font-size: 6.133vw;
}

.mobile-menu nav ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10vw;

}

.mobile-menu nav button {
    border: none;
    background-color: transparent;
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2.66vw;
}

.mobile-menu nav button span.text {
    font-size: 4.267vw;
}

.mobile-menu nav button span.icon img {
    font-size: 4.267vw;
    width: 4.8vw;
}

.burger-menu {
    position: fixed;
    top: 8vw;
    left: 8vw;
    padding: 2vw;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.burger-menu.hidden {
    display: none
}

.burger-menu>i {
    font-size: 6.133vw;
}


.mobile-menu-footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3vw;
    justify-items: start;
    margin-top: auto;
    margin-bottom: 4vh;
}

.mobile-menu-footer img {

    width: 4.8vw;
}

.mobile-menu-footer a {
    width: 5vw;
    height: 5vh
}

.mobile-menu-footer a {
    font-size: 4.267vw !important;
    text-transform: uppercase;
}

.mobile-menu-footer span {

    font-size: 4.267vw !important;
}

.mobile-menu-footer li {
    list-style: none;
}

.mobile-menu-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3vw
}

.mobile-menu-link img {
    width: 10vw !important;
}

.lang-item {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 1vw;
}

@keyframes hide {
    to {
        transform: translateX(-70vw);
    }
}

@keyframes vision {
    from {
        transform: translateX(-70vw);
    }
}


@media (max-width: 768px) {
    .burger-menu {
        top: 5vh !important
    }

    .mobile-menu-logo {
        padding-top: 5vh;
    }
}
/* ===== KIOSK CUSTOMIZATIONS ===== */

/* Скрыть переключатель языков */
.pll-parent-menu-item,
.lang-item,
.wp-block-navigation__submenu-container .lang-item,
ul.pll-language-menu,
.footer-wrapper .lang-item,
.mobile-menu-footer .lang-item {
    display: none !important;
}

/* Стрелка-индикатор скролла для бокового меню */
.scroll-arrow-down {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3vw;
    background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.9));
    pointer-events: none;
    z-index: 10;
    transition: opacity 0.3s;
}
.scroll-arrow-down i {
    font-size: 1.5vw;
    color: #555;
    animation: bounce 1.5s infinite;
}
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(4px); }
}
.sidebar-wrapper {
    position: relative;
}

footer > .footer-wrapper {
    box-shadow: 0px 4px 25px 0px #00000014;
    display: none;
}