@import url('https://fonts.googleapis.com/css2?family=TikTok+Sans:opsz,wght@12..36,300..900&display=swap');

body {
    font-family: "TikTok Sans", sans-serif !important;
    font-size: 14px;
}

#header .site-name a img {
    max-height: 100px;
}

.header-bottom, #navigation {
    background: #000 !important;
    color: #fff !important;
}

.navigation-in>ul>li.exp>a, .navigation-in>ul>li>a, .navigation-in>ul>li>a:hover {
    background-color: transparent;
    color: #fff !important;
    font-size: 14px !important;
}

.navigation-in ul li a b {
    font-weight: 400 !important;
}

#header {
    --color-header-background: #fff !important;
    --_color-header-text: #000 !important;
}

#header, #header .site-name a, .navigation-buttons a[data-target=cart], #header .search-input {
    color: #000 !important;
}

.btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion, .btn.btn-default, a.btn.btn-default {
    color: #fff !important;
}

@media (min-width: 768px) {
    .menu-helper>span {
        background-color: transparent;
        border-color: #cfcfcf;
        color: #fff !important;
    }
}

@media (min-width: 768px) {
    .menu-helper>ul {
        background-color: #000 !important;
        border-color: transparent !important;
    }
}

.menu-helper>ul>li a, .menu-helper>ul>li a:hover {
    color: #fff !important;
}

.navigation-in .navigationActions, .navigation-in .navigationActions__submenu ul:not(:first-of-type) li:first-of-type>a {
    border: none !important;
}

@media (max-width: 767px) {
    .navigation-in {
        background-color: #000 !important;
        font-size: 14px;
    }
}

.wide-carousel {
    width: 100vw; /* šířka viewportu */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive {
    width: 100%;
    height: 640px;
    object-fit: cover;
}

/*@media (max-width: 768px) {*/
/*    #content {*/
/*         padding-top: 0px !important;*/
/*    }*/
/*}*/

.extended-banner-texts {
    position: absolute;
    top: 50%;
    left: 5%; /* Odsazení vlevo */
    transform: translateY(-50%); /* Vertikální vycentrování */

    font-size: 36px;
    color: #000;
    z-index: 2;
    text-align: left;
    white-space: nowrap; /* volitelné – zabrání zalomení */
}

.carousel-inner .item::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(47deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%);
}

@media (max-width: 768px) {
    .carousel-inner .item::before {
        background: linear-gradient(1deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%);
    }
}

.carousel .extended-banner-text {
    padding: 0;
}
.carousel .extended-banner-link {
    margin-top: 168px;
    background: #000;
    color: #fff;
    font-size: 14px;
    padding: 15px 25px 15px 25px;
}