header.edit-mode .cmenu {
    top: 55px
}

#menu-login {
    right: 63px;
    position: fixed;
    overflow-y: scroll;
    max-width: 252px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

#menu-login::-webkit-scrollbar {
    display: none
}

#menu-login #channel-container {
    padding: 32px;
    display: flex;
    flex-direction: column;
    min-width: 200px;
    max-width: 252px;
    padding: 25px 29.1px 30px 30px;
    gap: 15px
}

#menu-login #login-container {
    padding-top: 24px;
    padding-left: 18px;
    display: flex;
    align-items: center
}

#menu-login>span.close-button {
    display: block;
    position: absolute;
    right: 24px;
    top: 12px;
    font-size: 32px;
    cursor: pointer
}

#menu-login #channel-container>span.title {
    max-width: 310px
}

#menu-login #channel-container>span.title:not(:last-child) {
    font-family: var(--typeface-main);
    font-weight: 700;
    margin-bottom: 4px
}

#menu-login #channel-container>span.divider {
    width: 100%;
    height: 2px;
    flex-grow: 0;
    background-color: #edf0f8
}

#menu-login #channel-container>.description {
    text-align: left
}

#menu-login #channel-container>div>ul {
    margin-top: 24px;
    display: flex;
    flex-direction: column-reverse;
    gap: 16px
}

#menu-login #channel-container .channel-links {
    display: flex;
    gap: 7px;
    padding: 0
}

#menu-login .channel-description {
    margin-top: 8px;
    margin-bottom: 16px;
    max-width: 310px
}

#menu-login .channel-divider {
    border: 1px solid #edf0f8
}

#menu-login .channel-divider:last-child {
    display: none
}

#menu-login .text-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--typeface-main);
    font-weight: 700
}

header #menu-login.cmenu a:focus,header #menu-login.cmenu a:hover {
    background-color: transparent
}

#menu-login .img-button {
    display: inline-block
}

#menu-login h2 {
    font-weight: 700
}

#menu-login li {
    padding: 6px 0;
    display: flex
}

#menu-login li::before {
    content: "•";
    width: 1em;
    margin-left: -1em
}

#menu-login li a {
    text-decoration: none
}

#menu-login li img {
    width: auto;
    height: 36px
}

#menu-login .icorner-box {
    margin-top: 16px;
    background-color: #edf3ff;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

#menu-login .icorner-box a:hover {
    background-color: transparent
}

#menu-login .icorner-box .store-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 8px
}

#menu-login .icorner-box .store-buttons img {
    max-width: unset;
    width: 140px
}

.cmenu {
    position: absolute;
    top: 71px;
    left: 0;
    right: 0;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.08);
    z-index: 90;
    display: none
}

.cmenu>div {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 8px
}

.cmenu>div:not(:last-child) {
    margin-bottom: 9px
}

.cmenu li.title {
    text-transform: uppercase;
    padding: 4px 16px
}

.cmenu .mitems li {
    margin: 8px
}

.cmenu .mitems a {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 5px 16px;
    margin: 0;
    border-radius: 8px
}

.cmenu .mitems a img {
    margin-left: -4px;
    margin-right: 12px
}

.cmenu .back {
    display: flex;
    justify-content: flex-start;
    margin: 32px 32px 16px
}

.cmenu .back a {
    text-decoration: none;
    display: flex;
    align-items: center;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.cmenu .back i {
    margin-right: 4px
}

.cmenu .cta {
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
    min-height: 76px
}

.cmenu .cta .ct-btn {
    margin: 8px auto;
    width: 100%
}

.cmenu.mobsubmenu {
    left: 375px;
    right: auto;
    top: 60px;
    bottom: 0;
    min-width: 325px;
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    z-index: -1;
    opacity: 0;
    transform: translate(-250%,0);
    transition: transform .15s ease,opacity .15s linear
}

.cmenu.mobsubmenu>div {
    padding-top: 6px;
    border-radius: 0;
    flex: 1
}

.cmenu.mobsubmenu .holder {
    background-color: #fff
}

.cmenu.mobsubmenu ul a,.cmenu.mobsubmenu ul a:active,.cmenu.mobsubmenu ul a:focus,.cmenu.mobsubmenu ul a:hover,.cmenu.mobsubmenu ul a:visited {
    text-decoration: none
}

header .cmenu {
    left: auto;
    right: auto;
    top: 66px;
    display: block;
    z-index: -1;
    opacity: 0;
    transition: transform .15s ease,opacity .15s linear;
    pointer-events: none;
    border-radius: 16px
}

header .cmenu.show {
    z-index: 2;
    opacity: 1;
    pointer-events: unset
}

header .cmenu.leftalign {
    right: auto
}

header .cmenu.leftalign::before {
    left: 26px;
    right: auto
}

header .cmenu a.ct-link.secondary:focus,header .cmenu a.ct-link.secondary:hover {
    text-decoration: none;
    background-color: var(--dark-blue-25);
    color: var(--blue)
}

#menu-langs::before {
    right: 32px
}

#menu-products>div>div:first-child ul {
    margin-bottom: 0
}

#menu-products li.overview {
    margin-top: 28px
}

#mobmenu {
    top: 0;
    bottom: 0;
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 70px;
    transform: translateX(110%);
    min-height: 100vh;
    min-height: -webkit-fill-available;
    display: block;
    transition: transform .15s ease-out,z-index .15s linear .15s;
    z-index: -1;
    border-radius: 16px
}

header.edit-mode~#mobmenu {
    top: 52px
}

#mobmenu.show {
    transform: translateX(0);
    z-index: 98;
    transition: transform .15s ease-out;
    margin-top: 70px
}

#mobmenu.show~.cmenu.mobsubmenu {
    transform: translateX(-100%)
}

#mobmenu.show~.cmenu.mobsubmenu.show {
    z-index: 2;
    opacity: 1;
    transform: translateX(0)
}

#mobmenu>div {
    flex: 1 1 auto;
    border-radius: 0;
    min-height: 100%
}

#mobmenu .search {
    margin: 32px 32px 24px;
    border: 1px solid #e7e9ee;
    border-radius: 4px;
    display: flex;
    align-items: center;
    position: relative;
    height: 56px;
    transition: all .15s ease,border-width 10ms linear
}

#mobmenu .search input {
    border: 0 none;
    font-size: 16px;
    line-height: 2;
    padding: 0 16px 0 10px;
    outline: 0;
    flex: 1 1 auto
}

#mobmenu .search i:first-child {
    margin-left: 12px
}

#mobmenu .search .clear {
    background-color: #fff;
    padding: 11px;
    position: absolute;
    top: 10px;
    right: 16px;
    cursor: pointer;
    display: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

#mobmenu.search-active {
    padding-top: 0;
    z-index: 101
}

#mobmenu.search-active .search {
    padding: 18px 24px;
    margin: 0;
    height: 60px;
    border-width: 0;
    border-radius: 0;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.08)
}

#mobmenu.search-active .search i:first-child {
    margin-left: 0
}

#mobmenu.search-active .search input {
    padding: 0 16px 0 10px
}

#mobmenu.search-active .search .clear {
    display: block
}

#mobmenu.search-active>div>:not(.search):not(.search-suggestions) {
    display: none
}

#mobmenu .menu {
    margin: 0 32px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column
}

#mobmenu .menu li a {
    margin: 12px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

#mobmenu .menu li a.active,#mobmenu .menu li a:hover {
    text-decoration: none
}

#mobmenu .langs>div {
    padding: 16px;
    display: flex;
    justify-content: space-around;
    margin-bottom: env(safe-area-inset-bottom)
}

#mobmenu .langs a {
    align-items: center;
    text-align: center;
    padding: 12px 24px;
    margin: 0;
    border-radius: 8px
}

#mobmenu .langs a.current,#mobmenu .langs a:hover {
    text-decoration: none;
    background-color: var(--dark-blue-25);
    color: var(--blue)
}

#mobmenu .langs.disabled {
    pointer-events: none
}

@media screen and (max-width: 768px) {
    #mobmenu.show~.cmenu.mobsubmenu,.cmenu.mobsubmenu {
        left:0!important;
        right: 0!important;
        transform: translate(100%,0);
        transition: transform .15s ease,opacity .15s linear,z-index .1s linear .2s
    }

    #mobmenu.show~.cmenu.mobsubmenu.show {
        z-index: 99;
        transition: transform .15s ease,opacity .15s linear
    }

    #menu-login::before {
        right: 75px
    }
}

@media screen and (max-width: 768px) {
    #menu-login img {
        max-width:100px;
        height: auto
    }

    #menu-login li {
        padding: 0
    }
}

@media screen and (min-width: 768px) {
    .cmenu .back {
        display:none
    }

    .cmenu .cta {
        display: none
    }

    .cmenu .cta .ct-btn {
        min-width: 300px;
        margin: 0 12px
    }

    .cmenu.mobsubmenu ul a:hover {
        text-decoration: underline
    }

    #mobmenu {
        left: auto;
        width: 50%;
        max-width: 375px
    }

    #mobmenu.show {
        margin-right: 40px;
        margin-top: 102px
    }

    #menu-login {
        right: 80px
    }

    #menu-login>span.close-button {
        display: none
    }
}

@media screen and (min-width: 993px) {
    #menu-login #channel-container>div>ul {
        flex-direction:row;
        align-items: center
    }

    #menu-login .icorner-box .store-buttons {
        flex-direction: row;
        gap: 16px;
        justify-content: center
    }

    #menu-login .icorner-box .store-buttons img {
        width: auto;
        height: 45px
    }
}

@media screen and (min-width: 1200px) {
    #menu-login {
        right:40px
    }
}

@media screen and (min-width: 1281px) {
    #menu-products>div {
        padding:4px 0
    }

    #menu-products .holder {
        display: flex;
        flex-direction: row
    }

    #menu-products .holder>div:first-child ul {
        padding-right: 16px;
        margin-right: 0;
        margin-bottom: 16px;
        border-right: 1px solid #e7e9ee
    }

    #menu-products li.overview {
        display: none
    }
}