.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;
    }
}

#productsTop + .button-wrapper {
    display:none;
}
.category-perex p {
    margin-bottom: 8px;
    line-height: 1.2;
}
.subcategories.with-image li a .image {
    margin-right: 8px;
}
.products-inline.products-top {
    gap: 16px;
}
.products-inline.products-top>div {
    width: calc((100% - 32px) / 3);
    background: #fff;
    border-radius: 16px;
}
.products-inline.products-top .product .p-in {
    background: transparent;
    margin: -15px 16px -15px 0;
    padding: 16px;
}
.products-inline.products-top>div:nth-child(4) {display:none;}
.products-inline.products-top > div .p::before {
    left: 8px;
    top: 50%;
    margin-top: -16px;
    width: 32px;
    height: 32px;
    line-height: 32px;
}
@media (min-width: 768px) and (max-width:1199px) {
.products-inline.products-top>div {
    width: calc((100% - 16px) / 2);
}
}
@media (max-width: 767px) {
.products-inline.products-top>div {
    width: 100%;
}
    .filtrovat, .razeni-klik {
        background-color: var(--color-primary);
        border: var(--color-primary);
        color: #fff;
        border-radius: 16px 16px 0 0;
    }
    .razeni-klik:before {
        content: 'Seřadit dle';
        color: #fff;
        font-size: 14px;
        font-family: 'Nunito Sans', sans-serif !important;
        text-align: left;
        width: 100%;
        display: block;
        padding: 6px 16px;
        font-weight: 600;
        line-height: 30px;
    }
    .razeni-klik {border-radius: 0 0 16px 16px;}
    .razeni-klik::after, .filtrovat::after {
        color: #fff;
    }
    .filtrovat:hover, .razeni-klik:hover {
    background-color: var(--color-primary-hover);
        border: var(--color-primary-hover);
        color: #fff;
    }
        #filters {
        margin-bottom: 4px !important;
    }
    .listSorting__controls {
    background: #fff;
}
}
.listSorting__controls li button:hover {
    color: var(--color-primary);
}

.filter-sections {
    background-color: #fff;
}
.products-block .p {
    display: flex;
    flex-direction: column;
}
.product .p-in {
    margin-top: auto;
}
.type-index .content .products-block:not(.klasik-produkts).products-visible.slick-slider .product, .type-product .content .products-additional.products-visible.slick-slider .product {
    margin: 0 8px !important;    border-radius: 16px;
}
.products-block > div {
    background: transparent;
    border: none !important;
}
.type-index .products > div {
    border-left: none !important;
    border-right: none !important;
}
#footer {
    background-color: transparent;
}
.id--16 .cart-content {
    background-color: transparent;
}
.cart-content {
    padding: 24px;
    border-radius: 16px;
    overflow: hidden;
}
.cart-content.checkout-box-wrapper, .cart-content.summary-wrapper, .checkout-box, .order-summary-item.price {
    background-color: #fff;
}
.co-box, .box.box-bg-default, .cart-content.checkout-box-wrapper, .cart-content.summary-wrapper, .checkout-box, .order-summary-inner {
    margin-bottom: 24px;
    background: #fff;
    border-radius: 16px;
    padding: 24px;
}
#checkoutSidebar .order-summary-inner {
    padding: 24px;
    margin: 0;
    border-radius: 16px 16px 0 0;
}
#checkoutSidebar .next-step {
    background-color: #fff;
    border-radius: 0 0 16px 16px;
}
.checkout-box .box-bg-default {padding:0;}
.id--17 .cart-content {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
}
@media (min-width: 992px) {
    .cart-row>div.col-md-4 {
        width: 33%;
        padding-left: 32px;
    }
.cart-row>div.col-md-8 {
        width: 67%;
    }
}
.p-info-wrapper .detail-parameters select {
    background-color: #fff;
}
.all-param {
    background: -moz-linear-gradient(180deg, rgba(255,255,255,0.4) 0%, #F8F9FB 45%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, #F8F9FB 45%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, #F8F9FB 45%);
}

body,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #000;
}
.basic-description span,
.basic-description p,
.basic-description ul,
.basic-description li,
.basic-description h2,
.basic-description h3,
.basic-description h4,
.basic-description h5,
.basic-description h6,
.basic-description table {background: transparent !important;}
.p-image #wrap {background-color: #fff;}

.shp-tabs-holder ul.shp-tabs {
padding:0;
    border: none;
    border-radius: 26px;
    overflow: hidden;
    background: var(--bgDarker);
}
.shp-tabs-holder ul.shp-tabs li a {
    height: 52px;
    color: var(--color-primary);
    border-bottom-color: #fff;
    text-transform: none;
    border-style: none;
    padding: 10px 20px;
    background-color: transparent;
    border-radius: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #24242E;
}
.shp-tabs-holder ul.shp-tabs li a:hover {    color: var(--color-primary);}
.shp-tabs-holder ul.shp-tabs li.active a {
    background-color: #fff;
    color: var(--color-primary);
    border-bottom-color: #fff;
}
@media screen and (max-width: 767px) {
    .tab-mobil {
        height: 52px;
        color: var(--color-primary);
        border-bottom-color: #fff;
        text-transform: none;
        border-style: none;
        padding: 10px 20px;
        background-color: transparent;
        border-radius: 26px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #24242E;
        background: var(--bgDarker);
    }
.tab-pane.active.otevreno .tab-mobil {
background-color: #fff;
    color: var(--color-primary);
    border-bottom-color: #fff;
        margin-bottom: 32px;
}
}

.p-info-wrapper > .p-short-description,
.category-perex p span,
.description-inner,
.description-inner p span,
.description-inner li span {
    font-size: 14pt !important;
    line-height: 1.8 !important;
}
h1, .h1 {
    font-size: 30pt;
    line-height: 1.2;
}
h2, .h2 {
    font-size: 18pt;
}
h3, .h3 {
    font-size: 16pt;
}
h4, .h4 {
    font-size: 14pt;
}
.p-info-wrapper .detail-parameters th,
.p-info-wrapper .detail-parameters td {
    background: transparent;
    border: none !important;
}
.extended-description table {
    border: none;
    border-radius: 26px;
    overflow: hidden;
    background: var(--bgDarker);
}
.extended-description .detail-parameters th, .extended-description .detail-parameters td {
    color: #222;
    border: none;
    background: transparent;
}
.extended-description table tr:nth-child(odd) {background: #fff;}
tr th, tr td {
    border: none !important;
    background: transparent;
}