
/* ===== LOGO ===== */ 
#header .site-name{ 
    margin-right:24px!important; 
} 
 
#header .site-name a{ 
    display:flex!important; 
    align-items:center!important; 
} 
 
#header .site-name img{ 
    max-height:none!important; 
    width:auto!important; 
    max-width:none!important; 
    height:58px!important; 
} 
 
@media(min-width:768px){ 
    #header .site-name img{height:64px!important} 
} 
 
@media(min-width:992px){ 
    #header .site-name img{height:68px!important} 
} 
 
@media(min-width:1200px){ 
    #header .site-name img{height:78px!important} 
} 
 
@media(min-width:1440px){ 
    #header .site-name img{height:94px!important} 
} 
 
 
/* ===== SKRYŤ E-SHOP IKONY ===== */ 
#header [data-testid="linkSearchIcon"], 
#header .top-nav-button-login, 
#header [data-testid="headerCart"], 
#header .navigationActions{ 
    display:none!important; 
} 
 
 
/* ===== MENU – LEN VZHĽAD ===== */ 
#header .navigation-in>ul>li>a{ 
    font-size:16px!important; 
    font-weight:700!important; 
} 
 
#header .navigation-in>ul>li>a:hover{ 
    color:#FFD21F!important; 
} 
 
#header .menu-helper, 
#header .menu-helper>span{ 
    font-size:16px!important; 
    font-weight:700!important; 
} 
 
#header .menu-helper ul, 
#header .menu-helper ul li, 
#header .menu-helper ul li a{ 
    background:#242424!important; 
    color:#fff!important; 
} 
 
#header .menu-helper ul li a:hover{ 
    color:#FFD21F!important; 
} 
 
 
/* ===== HEADER CTA ===== */ 
#header .tk-head-cta{ 
    display:flex!important; 
    align-items:center!important; 
    justify-content:center!important; 
 
    height:52px!important; 
    padding:0 18px!important; 
    margin-left:12px!important; 
 
    background:#FFD21F!important; 
    color:#202020!important; 
 
    font-size:14px!important; 
    font-weight:700!important; 
    line-height:1!important; 
 
    text-decoration:none!important; 
    white-space:nowrap!important; 
} 
 
#header .tk-head-cta:hover{ 
    background:#E9BC00!important; 
    color:#202020!important; 
} 
 
@media(max-width:991px){ 
    #header .tk-head-cta{ 
        display:none!important; 
    } 
} 
 
 
/* ===== MOBIL ===== */ 
@media(max-width:767px){ 
 
    #header .site-name{ 
        margin-right:auto!important; 
    } 
 
    #content-wrapper{ 
        padding-top:20px!important; 
    } 


    /* hamburger na presný výškový stred + bez deliacej čiary */
    #header .navigation-buttons{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        align-self:stretch!important;

        border-left:0!important;
        border-right:0!important;
    }

    #header .navigation-buttons > a[data-testid="hamburgerMenu"]{
        position:relative!important;

        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        align-self:center!important;

        top:auto!important;
        bottom:auto!important;

        padding:0!important;
        

        border-left:0!important;
        border-right:0!important;

        box-shadow:none!important;
    }
 
 
    /* otvorené menu */ 
    #header #navigation, 
    #header #navigation .navigation-in, 
    #header #navigation .menu-level-1, 
    #header #navigation .menu-level-1 li, 
    #header #navigation .menu-level-1 li a{ 
        background:#242424!important; 
        color:#fff!important; 
    } 
 
    #header #navigation .menu-level-1{ 
        padding-top:28px!important; 
    } 
 
    #header #navigation .menu-level-1 li a{ 
        font-size:14px!important; 
        font-weight:700!important; 
    } 
 
 
    /* biele X – viac od pravého kraja */
    #header .navigation-close{ 
        position:absolute!important;
        top:16px!important;
        right:24px!important;

        width:36px!important;
        height:36px!important;

        margin:0!important;
        padding:0!important;

        background:transparent!important; 
        border:0!important; 
        font-size:0!important; 
    } 
 
    #header .navigation-close:before, 
    #header .navigation-close:after{ 
        content:""!important; 
        position:absolute!important;

        top:6px!important;
        left:17px!important;

        width:2px!important; 
        height:24px!important; 
        background:#fff!important; 
    } 
 
    #header .navigation-close:before{ 
        transform:rotate(45deg)!important; 
    } 
 
    #header .navigation-close:after{ 
        transform:rotate(-45deg)!important; 
    } 
} 
 
 
/* ===== DETAIL PRODUKTU ===== */ 
.type-product .quantity, 
.type-product .p-quantity, 
.type-product .amount{ 
    display:none!important; 
} 
 
.type-product .add-to-cart-button, 
.type-product [data-testid="buttonAddToCart"]{ 
    background:#FFD21F!important; 
    border-color:#FFD21F!important; 
    color:#202020!important; 
    font-weight:700!important; 
    text-transform:uppercase!important; 
} 
 
.type-product .add-to-cart-button:hover, 
.type-product [data-testid="buttonAddToCart"]:hover{ 
    background:#E9BC00!important; 
    border-color:#E9BC00!important; 
    color:#202020!important; 
} 

.tk-back-to-top {
    position: fixed;
    right: 20px;
    bottom: 90px;
    z-index: 998;

    width: 48px;
    height: 48px;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #FFD21F;
    color: #202020;
    border-radius: 50%;
    text-decoration: none;

    opacity: 0;
    visibility: hidden;

    transition: opacity .2s ease, background-color .2s ease;
}

.tk-back-to-top.show {
    opacity: 1;
    visibility: visible;
}

.tk-back-to-top:hover {
    background: #E9BC00;
    color: #202020;
}

.tk-back-to-top svg {
    position: static !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}


/* MOBIL */
@media (max-width: 767px) {
    .tk-back-to-top {
        right: 16px;
        bottom: 90px;
        width: 46px;
        height: 46px;
    }

    .tk-back-to-top svg {
        width: 22px !important;
        height: 22px !important;
    }
}
