.content-wrapper,
.top-navigation-menu,
.top-navigation-contacts {
    background-color: transparent;
}
.top-navigation-bar {
    border: none;
    background-color: var(--bg);
}
.container.breadcrumbs-wrapper {
    background-color: var(--bgDarker);
        margin-bottom: 32px;
}
.category-top {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px 32px;
		margin-bottom: 32px;
}
@media (max-width:991px) {
.category-top {
    flex-direction: column;
}
}
.subcategories {
    margin: 0;
    padding: 0;
    gap:16px;
}
.multiple-columns-body .subcategories li {
        width: auto;
    }
.subcategories::before,
.subcategories::after {display:none;}
.subcategories.with-image li a .image img {
    max-height: 36px;
    width: auto;
}
.subcategories.with-image li a .image {
    width: auto;
    mix-blend-mode: multiply;
}
.subcategories.with-image li a .text {
    width: fit-content;
    white-space: nowrap;
    padding-left: 0;
    flex-grow: 1;
    display: block;
}
.subcategories li {
    padding: 0;
    width: auto;
}
.subcategories li a {
    height: auto;
    padding: 8px 16px;
    border: none;
    box-shadow: none;
    background: #fff;
    max-height: 52px;
    border-radius: 26px;
}
.type-category .category-title {
    margin-bottom: 0 !important;
}
.category-header div {
padding: 0 0 32px 0;
}
.products-block.products .product,
.subcategories li a {
        transition: all 0.3s ease-out;
}
.products-block.products .product:hover,
.subcategories li a:hover {
    box-shadow: 0px 0px 24px #b6c0e085;
        transition: all 0.3s ease-out;
}
.carousel-inner:hover, .next-to-carousel-banners .banner-wrapper:hover, .banners-content.body-banners .banner-wrapper:hover {
    box-shadow: none;
}

.products-block > div {
    background: #fff;
    border-radius: var(--radius);
    border: none;
}
.product .p-in {
    background: #fff;
    margin: 0 -24px -24px;
    padding: 24px;
    border-radius: 16px;
    overflow: hidden;
}
.products-block .image, .products-block .name {
    margin-bottom: 48px;
    mix-blend-mode: multiply;
}
.products-block.products .product {
    background: var(--bgDarker);
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, #e6e9f3 100%);
}
.products-block {
    gap: 16px;
}
body:not(.type-index) .products-block {
    border: none;
}
.products-block .p-code {
    right: -10px;
    bottom: -24px;
    font-size: 0;
}
.p-code > span:not(.p-code-label) {
    color: var(--brandBlue);
    font-size: 11px;
}
@media screen and (max-width: 479px) {
    .products-block .product {
        width: 100%;
    }
}
@media (min-width: 480px) {
    .products-block>div {
        width: calc((100% - 16px) / 2);
    }
}
@media (min-width: 1200px) {
    .products-block>div {
        width: calc((100% - 32px) / 3);
    }
}
.listSorting__controls {
    border: none;
    border-radius: 26px;
    overflow: hidden;
    background:var(--bgDarker);
}
.listSorting__controls li button {
    text-transform: none;
    border-style: none;
    padding: 10px 20px;
		background-color: transparent;
        border-radius: 26px;
}
.sidebar-inner>div {
    border-radius: var(--radius);
    background: #fff !important;
    border: none !important;
}
.categories.expandable.expanded {
    background-color: var(--bgDarker);
}
#categories .expandable.expanded>ul {
    padding: 16px 0 8px;
}
.categories .topic > a:hover, .categories .topic.active > a {
    background-color: var(--color-primary);
    color: #fff;
}
.carousel-inner>.item,
.next-to-carousel-banners .banner-wrapper {
    border-radius: var(--radius);
    overflow: hidden;
}
.benefitBanner__picture {
    flex: 0 0 70px;
    max-width: 70px;
}
.benefitBanner__img {
    position: unset;
}
.products-block .p .flags-default {
    position: absolute;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    top: unset;
    left:0;
}
 .flags-default .flag {
    margin-bottom: 0;
    padding: 4px 16px;
    border-radius: 10px;
}
.btn.btn-cart, a.btn.btn-cart, .btn.add-to-cart-button, a.btn.add-to-cart-button {
    text-transform: none;
}
.btn:not(.cart-count) {
    border-radius: 24px;
}
.products-block .product {overflow:hidden;}
.products-block .product a.image img {transition: all 0.3s ease-out;}
.products-block .product:hover a.image img {transition: all 0.3s ease-out;transform: scale(1.1) translateY(5%);}

.row.banners-row .extended-banner-texts {
    height: 100%;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #239CEB;
    background: linear-gradient(90deg, rgb(0 0 0 / 25%) 0%, rgba(35, 156, 235, 0) 60%);
    gap:16px;
}
.desktop .row.banners-row .carousel-inner .extended-banner-texts {
    padding: 32px 64px;
}
.row.banners-row .extended-banner-title, .row.banners-row .extended-banner-text {
    padding: 0;position: unset;color:#fff;
}
.extended-banner-title {
    padding: 0;
    font-size: 32px;
}
.extended-banner-text {
    position: unset;
    font-size: 16px !important;
    line-height: 1;
}
.extended-banner-link {
    position: unset;
    height: auto;
    margin: 8px 0 0 -8px;
    background:var(--color-secondary);
    align-self: flex-start;
    color: #fff;
    font-weight: 600;
    padding: 8px 16px !important;
    border-radius: 22px;
}
.extended-banner-link:hover {
    color: #fff;
    background: var(--color-primary-hover);
}
.navigation-buttons > a[data-target="cart"] i {
    background-color: var(--color-primary);
}
.full.btn.cart-count::before, a.full.btn.cart-count::before {
    color: var(--color-primary-hover);
}
.category-header div {
        text-align: center;
}
.top-navigation-bar .project-phone {
position: relative;
    color: #222;
    letter-spacing: 1px;
    font-size: 20px;
}
.top-navigation-bar .project-phone:hover {var(--color-primary);}
a.project-phone::before {
    font-family: shoptet !important;
    content: "\e92c";
        font-weight: 800 !important;
            margin-right: 12px;
}
.open_hours_dot {
    background: var(--color-primary);
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 100%;
    position: absolute;
    left: 17px;
    top: 7px;
}
.open_hours_dot.open {background:#3c840f;}
@media (max-width:991px) {
.product .flags-extra {
    position: unset;
    display: flex;
    flex-wrap: wrap;
}
.product .flags-extra .flag .price-standard {
    font-size: 14px;
    line-height: 1;
    margin-top: 0;
}
.product .flags-extra .flag .price-save {
    order: 2;
    font-size: 14px;
    line-height: 1;
}
.product .icon-van::before {
    content: 'Doprava ' !important;
    font-family: var(--template-font);
    font-size: 13px;
    line-height: 1;
}
.product .flag-freeshipping .icon-van {
    font-size: unset;
    margin: 0;
}
.flag-freeshipping .flag-text {
    font-size: 14px;
    line-height: 1;
}
.products-block .p .flags-default {
    top: -24px;
}
.products-block .image, .products-block .name {
    margin-bottom: 24px;
}
.products-block .flag.flag-discount, .products-block .flag.flag-freeshipping {
    width: 100%;
    height: auto;
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    padding: 4px 16px;
    text-align: center;
    margin: 0;
    gap:8px;
}
.products-block .flag.flag-freeshipping:has(+ .flag.flag-discount) {border-radius: 16px 16px 0 0;}
.products-block .flag.flag-freeshipping + .flag.flag-discount {border-radius: 0 0 16px 16px;}
}
.row.banners-row .next-to-carousel-banners .extended-banner-texts {
    padding: 16px 32px;
    background: var(--color-primary);
    background: linear-gradient(90deg, rgb(0 0 0) 10%, rgba(35, 156, 235, 0) 100%);
        max-width: 80%;
    gap: 8px;
}
.next-to-carousel-banners .extended-banner-title {
    font-size: 26px;
    line-height: 1;
}
.next-to-carousel-banners .extended-banner-text {
    text-wrap-style: balance;
}
body {background:var(--bg);
    color: #1F2937;
}

@media (max-width: 991px) {
    .col-sm-8:has(#carousel), .col-sm-4:has(.next-to-carousel-banners) {
        width: 100%;
        padding: 0;
    }
.next-to-carousel-banners {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 16px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.next-to-carousel-banners .banner-wrapper+.banner-wrapper {
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .col-sm-8:has(#carousel), .col-sm-4:has(.next-to-carousel-banners) {
        width: 100%;
        padding: 0 16px !important;
    }
.carousel-inner {
    min-height: unset !important;
}
    .next-to-carousel-banners {
        flex-wrap: nowrap;
        margin: 16px 0 0;
    }
    .next-to-carousel-banners .banner-wrapper {
        width: auto;
        padding: 0;
        margin: 0 !important;
        flex: 1;
    }
.next-to-carousel-banners .extended-banner-link {
    display: none;
}
}
@media (max-width: 599px) {
    .next-to-carousel-banners {
        flex-direction: column;
    }
    .next-to-carousel-banners .banner-wrapper {
        width: 100%;
    }
.next-to-carousel-banners img {
    width: 100%;
}
.mobile .row.banners-row .carousel-inner .extended-banner-texts,
.desktop .row.banners-row .carousel-inner .extended-banner-texts {
    padding: 16px 32px;
}
}
.mobile .row.banners-row .carousel-inner .extended-banner-texts {
    justify-content: flex-end;
    background: linear-gradient(0deg, rgb(0 0 0 / 25%) 0%, rgba(35, 156, 235, 0) 60%);
}
.carousel-inner .extended-banner-title {
    line-height: 1.2;
}
.klasik-produkts.products {
    border-left: none;
    border-top: none;
}

.carousel-control.left, .carousel-control.right {
    opacity: 0;
}
.carousel-control.left:hover, .carousel-control.right:hover {
    opacity: 1;
}
    .siteCookies--bottom {
        bottom: 16px;
    }
    .siteCookies__form {
    padding:16px;
        border-radius: 8px;
        background-color: #111;
    box-shadow: 0 0 30px #1111115c;
    }
    .siteCookies--bottom.siteCookies--scrolled {
        background-color: transparent;
        box-shadow: none;
    }
    .siteCookies__link {
        display: inline-block;
        width: auto;
        padding: 0;
        line-height: 1;
        border: none;
        font-weight: 400;
        text-decoration: underline;
        text-underline-offset: 3px;
    }
.siteCookies__button, .siteCookies__button + .siteCookies__button {
    margin: 0;
}
.siteCookies__button[data-testid="buttonCookiesAccept"]:hover {
        background: var(--color-primary-hover);
        color: #fff;
    }
.siteCookies__button[data-testid="buttonCookiesReject"]:hover {
        background:var(--color-primary);
        color: #fff;
    }
@media (max-width: 767px) {
.siteCookies--bottom {
    bottom: 0;
}
.siteCookies__form {
        border-radius: 8px 8px 0 0;
    }
}