body.in-index {
    background: linear-gradient(to right, #041218, #002a43, #041218);
}

/* cart*/
.in-krok-2 #checkoutContent .form-group:has(label[for="login"]) {
    display: none;
}

/*
menu
*/
@media (min-width: 768px){
    .top-navigation-bar {
        display: none;
    }
    .header-top {
        padding-top: 20px;
    }
}
.box.box-client {
    background-color: #ffffff;
}
.client-center-box.box-client a[href="/klient/klient-slevy/"] {
    display: none;
}

/*
typo
*/
.homepage-group-title {
    color: var(--color-primary);
    text-transform: uppercase;
}
.homepage-group-title .subtitle.caption {
    color: #fff;
    font-size: 28px;
    text-transform: none;
}
.homepage-group-title .subtitle.author {
    color: var(--color-primary);
    font-size: 26px;
    font-weight: normal;
    text-transform: none;
}
@media (max-width: 768px){
    h4.homepage-group-title, .h4.homepage-group-title {
        font-size: 22px;
    }
    .homepage-group-title .subtitle.caption {
        font-size: 20px;
    }
    .homepage-group-title .subtitle.author {
        font-size: 18px;
    }
}
/*
btn + color
*/
.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart {
    color: #fff;
    border-color: #000;
    background-color: #000;
}
.p-info-grid .detail-availability-block .delivery-time {
    background: #000;
}
a.shipping-options,
p[data-testid="productCardDescr"] a {
    color: #7c7e8f;
}

/*
uvodni banner pozice top
*/
@media (min-width: 480px){
    .banners-top-block .banner-wrapper {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
}
.content-wrapper.banners-top-block {
    margin: 0;
}
.banners-top-block > .container {
    width: 100%;
    padding: 0;
}
.banners-top-block .banner-wrapper a, .banners-top-block .banner-wrapper img {
    border-radius: 0;
}
.banners-top-block .banner-wrapper {
    padding: 0;
}

/*
carousel 1
*/
@media (min-width: 1200px){
    #carousel {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }
}
#carousel {
    margin-top: 3em;
}
@media (max-width: 768px){
    #carousel {
        margin-right: 4px;
        margin-left: 4px;
    }
}

/*
carousel 2 custom
*/
.ks-c-carousel {
    display: grid;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: transparent;
}

.ks-c-slide {
    grid-area: 1 / 1;
    margin: 0;
    opacity: 0;
    animation: ks-c-fade 30s infinite;
}

.ks-c-slide:nth-child(1) { animation-delay: 0s; }
.ks-c-slide:nth-child(2) { animation-delay: 10s; }
.ks-c-slide:nth-child(3) { animation-delay: 20s; }

.ks-c-slide img {
    width: 100%;
    height: auto;
    display: block;
}

.ks-c-carousel:hover .ks-c-slide {
    animation-play-state: paused;
}

@keyframes ks-c-fade {
    0% { opacity: 0; }
    3% { opacity: 1; }
    30% { opacity: 1; }
    33.333% { opacity: 0; }
    100% { opacity: 0; }
}
.ks-c-slide a {
    display: block;
}

.welcome {
    padding: 0;
    border-radius: 20px;
    background-color: transparent;
    text-align: center;
}
.content-wrapper.welcome-wrapper .container {
    width: 75%;
    padding: 0;
}
.welcome__left-panel {
    padding: 0;
}
.content-wrapper.welcome-wrapper {
    margin-top: 0;
}
.welcome .welcome__content {
    margin: 0;
}
@media (max-width: 768px){
    .content-wrapper.welcome-wrapper .container {
        width: 90%;
    }
}

/*
autori
*/
#autori {
    margin-top: 50px;
}
.welcome__right-panel {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

/*
faq
*/
.faq-content .tabs-content,
.faq-content .tab-content__item.is-active .accordion--classic {
    background-color: transparent;
}
.accordion--classic .accordion__item {
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
}
.accordion--classic .accordion__trigger,
.accordion--classic .accordion__item.is-active .accordion__trigger,
.accordion--classic .accordion__item.is-active .accordion__trigger:after {
    color: #000!important;
}
.accordion--classic .accordion__content:after {
    background-color: #000;
}

/*
base mobile desktop
*/
@media (min-width: 768px){
    .ks-mobile {
        display: none!important;
    }
}
@media (max-width: 768px){
    .ks-desktop {
        display: none!important;
    }
}

.type-index .products.products-block .product {
    margin-right: auto!important;
    margin-left: auto!important;
}
#header .search {
    display: none;
}
.header-top .top-nav-button-login{
    display: none;
}
.top-navigation-bar .top-nav-button.top-nav-button-login.primary {
    display: inline-flex!important;
}
.top-navigation-bar .top-nav-button.top-nav-button-login.primary:before {
    content: "\e90a";
    display: inline-block;
    vertical-align: middle;
    font-family: 'apollo';
    margin-right: 4px;
    font-size: 17px;
    font-weight: 400;
    position: relative;
    top: -1px;
    color: var(--color-primary);
}
@media (min-width: 768px){
    .admin-logged .popup-widget.login-widget {
        top: 74px;
    }
}
.is-header-black .top-navigation-bar {
    background-color: var(--header-bg);
}
.is-header-black .top-navigation-bar .top-navigation-contacts a:before {
    color: var(--color-primary);
}
.is-header-black .navigation-buttons .click-cart a:after, .is-header-black .navigation-buttons a[data-target="cart"], .is-header-black .navigation-buttons>a, .is-header-black .navigation-buttons>a:after, .is-header-black .navigation-buttons>a[data-target="login"]:before,
.is-header-black .header-top .btn.cart-count .cart-price,
.is-header-black .header-top .btn.cart-count:before {
    color: #000!important;
}
.navigation-buttons .click-cart {
    background-color: var(--color-primary);
    border-radius: 10px;
}
.top-navigation-bar a, .top-navigation-bar .dropdown button,
.is-header-black .top-navigation-bar-menu li:not(.cropped):last-child::after, .is-header-black .top-navigation-bar-menu li::before {
    color: #fff;
}
a.btn.cart-count i {
    background-color: #000;
}
.is-header-black a.btn.cart-count.full i {
    color: #fff;
}
#header .cart-count {
    border-radius: 10px 10px 0 0;
}
.products-block .product-btn a, .products-block .product-btn .pr-action {
    max-width: 90%;
}

/*
Mobil
*/
@media (max-width: 767px) {
    .overall-wrapper {
        padding-top: 50px;
    }
}
@media (max-width: 480px) {
    .type-detail:not(.is-products-detail-slider-mobile) .products-block:not(.products-additional) .product, .in-index:not(.is-products-slider-mobile) .products-block:not(.products-additional) .product {
        width: 90%;
        max-width: 90%;
    }
    .product a.image {
        max-height: auto!important;
    }
}