.navbar {
    padding: 0 !important;
}

.navbar .container-fluid {
    padding: 30px 24px 0 24px;
}

.logo-large {
    display: block;
}

.logo-small {
    display: none;
}

@media (max-width: 522px) {
    .logo-large {
        display: none;
    }

    .logo-small {
        display: block;
    }
}

nav {
    display: flex;
    gap: 48px;
    align-items: center;
}

a.nav-link {
    font-weight: 500;
    font-size: 18px;
    color: var(--foreground-primary);
    display: flex;
    align-items: center;
}

a.nav-link:not(.dropdown-toggle) {
    padding: 0 !important;
}

.button-primary a.nav-link {
    color: #fff;
}

nav .action-button {
    margin: 0 auto;
}

.nav-link:hover, .nav-link:focus {
    color: var(--foreground-primary);
}

.navbar-brand {
    display: block;
}

.navbar-collapse {
    flex-grow: 0;
}

.navbar-nav {
    gap: 48px;
}

.navbar-nav .nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-item.dropdown {
    display: flex;
    align-items: center;

    @media (max-width: 992px) {
        display: block;
    }
}

.nav-item.dropdown {
    @media (max-width: 992px) {
        width: 70px;
        margin: 0 auto;
    }
}

.navbar-nav {
    @media (max-width: 992px) {
        margin-top: 20px;
    }
}

.navbar-toggler {
    border: none;
}

.navbar-toggler-icon {
    background-image: url('/files_public/images/burger-menu.svg');
}

.navbar-toggler:focus {
    box-shadow: none;
}

.nav-offcanvas-bottom .dropdown-toggle {
    border: none !important;
}

.dropdown-toggle {
    border-radius: 32px;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    color: var(--foreground-secondary) !important;
    padding: 8px 16px !important;
}

a.nav-link.dropdown-toggle {
    padding: 16px;
}

.dropdown-menu {
    min-width: fit-content;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 16px;
}

.dropdown-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 16px;
    text-decoration: none;
    color: var(--foreground-primary);
    font-weight: 500;
    font-size: 18px;
}

.dropdown-link:hover, .dropdown-link:focus {
    color: var(--foreground-primary);
}

.dropdown-menu li:last-child .dropdown-link {
    padding-bottom: 0;
}

.dropdown-item img {
    width: 20px;
    height: 20px;
}

.dropdown-item.active {
    background-color: rgba(0, 0, 0, 0.1);
    font-weight: 500;
}

.dropdown-item:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.dropdown-item.active {
    color: var(--foreground-primary);
}

.dropdown-toggle::after {
    display: none !important;
}

.nav-burger {
    background: transparent;
    border: none;
}

nav.nav-offcanvas-menu {
    padding: 0;
}
  
.nav-offcanvas {
    background: #fff;
}
  
.nav-offcanvas.offcanvas-end {
    width: 100%;
}
  
.nav-offcanvas .offcanvas-body {
    padding: 0;
    position: relative;
}
  
@media (min-width: 992px) {
    .nav-offcanvas {
      display: none !important;
    }
}
  
.nav-offcanvas-top {    
    padding: 24px 24px 0 24px;
    position: relative;
    z-index: 2;
}
  
.nav-offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 52px;
}
  
.nav-offcanvas-close {
    border: 0;
    background: transparent;
    padding: 0;
}
  
.nav-offcanvas-menu {
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
}
  
.nav-offcanvas-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    border-bottom: 1px solid var(--outline);
    padding-bottom: 16px;
    font-size: 24px;
    cursor: pointer;
    pointer-events: auto;
}

.nav-offcanvas-menu-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
  
.nav-offcanvas-bottom {
    position: absolute;
    left: 0;
    bottom: 18px;
    z-index: 1;
}
  
.nav-offcanvas-lang {
    display: inline-flex;
    gap: 10px;
    align-items: center;
}
  
.nav-offcanvas-lang-item {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    text-decoration: none;
    color: #1C0D3F;
    font-weight: 700;
    padding: 8px 10px;
    border-radius: 12px;
}
  
.nav-offcanvas-lang-item img {
    width: 18px;
    height: 18px;
    display: block;
}
  
.nav-offcanvas-lang-item.is-active {
    background: rgba(28, 13, 63, 0.08);
}
  
body.offcanvas-backdrop,
body.offcanvas-open {
    overflow: hidden;
}