#header ul.sf-menu {
    position: relative;
    background: #c8b08e;
    width: 100%;

    overflow: hidden;
    border-radius: 4px 4px 0 0;
    height: 49px;
}

/*
#header ul.sf-menu > .links li + li::before {
    background-color: white;
}
*/

/* temporarily disable mobile theme (max-width: 450) */
@media screen and (max-width: 1px) {
    #header ul.sf-menu {
        display: none;
    }
}

#header ul.sf-menu > .links li {
    position: relative;
    float: left;
    margin-left: 40px;
    padding: 0;
    height: 49px;
    line-height: 49px;
}

#header ul.sf-menu > .links.links-right {
    float: right;
    margin-right: 40px;

}

#header ul.sf-menu > .links.links-right .logged li:first-child {
    margin-right: 15px;
}

#header ul.sf-menu > .links.links-right .logged li:first-child::after {
    content: ' ';
    position: absolute;
    top: 15px;
    right: -25px;
    width: 18px;
    height: 18px;

    background-image: url('/img/svg/checkmark_round.svg');
    background-size: contain;
}

#header ul.sf-menu > .links.links-right a:first-child {
    font-weight: 400;
}

#header ul.sf-menu > .links.links-left li:first-child::before {
    content: ' ';
    position: absolute;
    left: -27px;
    top: 15px;
    width: 17px;
    height: 17px;
    background: url('/img/svg/star.svg') 0 0 no-repeat;
}

#header ul.sf-menu > .links li + li::before {
    content: ' ';
    position: absolute;
    left: -20px;
    top: 20px;
    width: 1px;
    height: 11px;
    background-color: #505050;
}

#header ul.sf-menu li a {
    color: white;
    text-decoration: none;
    padding: 0;
    display: block;
    width: 100%;
    height: 100%;

    font-size: 16px;
    font-weight: bold;
}

#header ul.sf-menu li a:hover {
    text-decoration: none;
}


#header ul.sf-menu {
    border-radius: 0;
}

#header ul.sf-menu > li.links.links-right {
    margin-right: 0;
}

#header ul.sf-menu > li.links.links-right > .links-right-wrapper {
    display: flex;
    height: 49px;
    background-color: #AB9069;
}

#header ul.sf-menu > li.links.links-right > .links-right-wrapper a {
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 0 6px;
    padding: 0 6px;
    font-weight: normal;
}

#body.de #header ul.sf-menu > li.links.links-right > .links-right-wrapper a {
    width: auto;
}

#header ul.sf-menu > li.links.links-right > .links-right-wrapper a.account-link {
    font-weight: bold;
}

#header ul.sf-menu > li.links.links-right > .links-right-wrapper a:last-child {
    margin-right: 10px;
}

#header ul.sf-menu > li.links.links-right > .links-right-wrapper a img {
    width: 25px;
    margin-right: 5px;
}

#header ul.sf-menu > li.links.links-right > .links-right-wrapper a img.logged-in-icon {
    width: 20px;
    margin-right: 8px;
}

#header #vanoce1 {
    position: absolute;
    left: 75px;
    bottom: 45px;
}


@media screen and (max-width: 1280px) {
    #header ul.sf-menu > .links li {
        margin-left: 32px;
    }

    #header ul.sf-menu > .links li:first-child {
        margin-left: 40px;
    }

    #header #categories-menu.menu-2 li a:first-child {
        padding: 0 3px;
        padding: 0 3.6px;
        width: 80px;
    }

    #header ul.sf-menu > .links.links-right .links-right-wrapper .link-favorites {
        /* skryti oblibenych na uzkem designu pro links-right var 2 */
        display: none;
    }

    /* <ESH-2989> */
    #header ul.sf-menu > .links.links-left.esh2989-var-2 li[data-cms="1"] {
        /* skryti dopravy a platby, pokud se zobrazuje druha jakost na uzkem designu */
        display: none;
    }
    /* </ESH-2989> */
}

/*** Horizontální menu kategorií ***/

#header #categories-menu {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 49px;
    height: auto;
    line-height: initial;
    display: flex;
    justify-content: center;
}

#header #categories-menu li a:first-child > img.white {
    display: none;
}

#header #categories-menu li {
    position: relative;
    float: left;
    padding: 0;
    height: auto;
    line-height: initial;
    margin: 15px 0;
}

#header #categories-menu li:first-of-type a {
    padding-left: 9px;
}

#header #categories-menu li:last-of-type a {
    padding-right: 9px;
}

#header #categories-menu li a:first-child {
    color: #D20000;
    text-decoration: none;
    display: block;
    font-size: 13px;
    font-weight: bold;
    position: relative;
    text-align: center;
    padding: 0 27px;
    padding: 0 27.5px;
}

#header #categories-menu li a:first-child > img {
    width: 44px;
    height: 44px;
    float: none;
}

#header #categories-menu li a:first-child > span {
    display: block;
    text-align: center;
}

#header #categories-menu li a:first-child:hover > span,
#header #categories-menu li.active a:first-child > span {
    text-decoration: underline;
}

@media screen and (max-width: 1280px) {
    #header #categories-menu li a:first-child {
        padding: 0 3px;
        padding: 0 3.6px;
        width: 80px;
    }

    #header ul.sf-menu > .links.links-right .logged li:first-child {
        margin-right: 20px;
    }

    #header ul.sf-menu > .links li {
        margin-left: 23px;
    }

    #header ul.sf-menu > .links li + li::before {
        left: -12px;
    }
}

/* <ESH-3384> */

#header .esh3384-var-1 ul.sf-menu {
    background-color: #191717;
}

#header .esh3384-var-1 ul.sf-menu > li.links.links-right > .links-right-wrapper {
    background-color: #000000;
}

#header .esh3384-var-2 ul.sf-menu {
    background-color: #51200D;
}

#header .esh3384-var-2 ul.sf-menu > li.links.links-right > .links-right-wrapper {
    background-color: #2c1207;
}

#header .esh3384-var-3 ul.sf-menu {
    background-color: transparent;
}

#header .esh3384-var-3 ul.sf-menu > li.links.links-right > .links-right-wrapper {
    background-color: rgba(0, 0, 0, 0.2);
}

/* </ESH-3384> */