/* Shared header/footer shell isolation. Page-level styles must not generate navigation symbols. */
.vk-navbar.main-header .vk-services-nav > .vk-menu-button::before,
.vk-navbar.main-header .vk-services-nav > .vk-menu-button::after,
.vk-navbar.main-header .vk-services-nav > .vk-menu-button > span::before,
.vk-navbar.main-header .vk-services-nav > .vk-menu-button > span::after {
    content: none !important;
    display: none !important;
}

.vk-navbar.main-header .vk-services-nav > .vk-menu-button .iws-services-mark {
    display: inline-grid !important;
    place-items: center;
    width: 1em;
    height: 1em;
    flex: 0 0 1em;
    line-height: 1;
    transform-origin: center;
    transition: transform .25s ease;
}

.vk-navbar.main-header .vk-services-nav:hover > .vk-menu-button .iws-services-mark,
.vk-navbar.main-header .vk-services-nav:focus-within > .vk-menu-button .iws-services-mark,
.vk-navbar.main-header .vk-services-nav > .vk-menu-button[aria-expanded="true"] .iws-services-mark {
    transform: rotate(45deg);
}

@media (prefers-reduced-motion: reduce) {
    .vk-navbar.main-header .vk-services-nav > .vk-menu-button .iws-services-mark {
        transition: none;
    }
}