:where(body.ums_page_element_headings--on) .sidebar-inner>div.box-sm {
    border-radius: 15px;
    background-color: #fff;
}

div#content-wrapper {
    background: transparent;
}

main#content {
    background: #fff;
    border-radius: 15px;
    padding-bottom: 40px;
}

.btn.btn-cart:hover,
.btn.btn-conversion:hover,
a.btn.btn-cart:hover,
a.btn.btn-conversion:hover {
    color: #ffffff;
}

:where(body.ums_page_element_headings--on) .sidebar-inner {
    padding-block: 0;
}

:where(.ums_forms_redesign--on) .smart-label-wrapper label,
:where(.ums_forms_redesign--on) .smart-label-wrapper label {
    font-size: var(--smart-labels-font-size);
    line-height: 1;
    padding-top: var(--form-controls-padding-y);
    top: 0;
    transform: translateY(0);
}

:where(.ums_forms_redesign--on) .form-control.short,
:where(.ums_forms_redesign--on) .form-control.small {
    max-width: unset;
}

.form-group.submit-wrapper button.btn.btn-primary,
button.btn.btn-primary.js-try-search-button {
    border-radius: 10px;
}

.sidebar-inner .banner .banner-wrapper.banner21,
.sidebar-inner .banner .banner-wrapper.banner21 img {
    border-radius: 15px;
    overflow: hidden;
}

.sidebar-inner div#categories a {
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-top: 10px;
    padding-bottom: 5px;
}

.sidebar-inner .categories .topic a {
    font-size: 18px;
    font-weight: 600;
    padding-top: 8px;
    padding-bottom: 5px;
}

.sidebar-inner #categories .expandable.expanded>ul a {
    font-size: 16px;
}

.sidebar-inner #categories>.categories {
    background-color: #FF9000;
    padding-bottom: 10px;
}

.sidebar-inner #categories>.categories ul.expanded>li.expandable.expanded>ul.expanded>li a {
    background-color: #ffa32c;
    padding-left: 35px !important;
    transition: 0.3s;
}

@media(hover: hover) {
    .sidebar-inner #categories>.categories ul.expanded>li.expandable.expanded>ul.expanded>li a:hover {
        background-color: #ea0006;
        transition: 0.3s;
    }
}

.sidebar-inner #categories>.categories ul.expanded>li.expandable.expanded>ul.expanded>li::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 13px;
    width: 5px;
    height: 5px;
    background: #ea0006;
    border-radius: 50%;
    transform: translateY(-50%);
}

.sidebar-inner div#categories>div.categories ul.active li.active>a {
    position: relative;
    background-color: #ea0006 !important;
    color: #ffffff !important;
    overflow: visible;
}

.sidebar-inner div#categories>div.categories ul.active li.active>a::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 11px solid #fff;
}

.sidebar .sidebar-inner .doprava-sidebar-wrapper {
    background-color: #0b7eb7;
    border-radius: 15px;
    padding: 10px;
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.sidebar .sidebar-inner .doprava-sidebar-wrapper h3.pageElement__heading {
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
}

.sidebar .sidebar-inner .doprava-sidebar-wrapper>* {
    width: 100%;
}

.sidebar .sidebar-inner .doprava-sidebar-wrapper img.doprava-sidebar-image {
    max-width: 100px;
    margin-inline: auto;
    padding-block: 5px 15px;
}

.sidebar .sidebar-inner .doprava-sidebar-wrapper p {
    margin-bottom: 10px;
    font-weight: 600;
}

.sidebar .sidebar-inner .doprava-sidebar-wrapper ul {
    margin-block: 0px;
    padding-left: 0px;
}

.sidebar .sidebar-inner .doprava-sidebar-wrapper ul li {
    font-size: 15px;
    font-weight: 300;
}

.sidebar .sidebar-inner .doprava-sidebar-wrapper ul li::marker {
    display: none;
}

.sidebar .top-products li {
    align-items: center;
}

.sidebar .top-products li:before {
    border-width: 0px;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
    width: 28px;
    border-color: transparent;
    font-weight: 600;
}

.top-products li.display-image .top-products-image,
.top-products li .top-products-content {
    padding-left: 15px;
}

.top-products li .top-products-content {
    color: #0B7EB9;
    line-height: 1.2;
}

.top-products li .top-products-content strong {
    color: #000000;
}

.sidebar .box-topProducts {
    padding: 0px !important;
}

.sidebar-inner>div.box-sm.box-topProducts {
    margin-top: 20px !important;
}

.sidebar .box-topProducts h3.pageElement__heading,
.sidebar .partneri-sidebar-wrapper h3.pageElement__heading,
.sidebar .navstevnost-sidebar-wrapper h3.pageElement__heading {
    background-color: #ff9000;
    color: #ffffff;
    border-radius: 15px;
    padding: 12px 10px;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
}

.sidebar .box-topProducts .top-products {
    padding: 10px;
    margin-bottom: 0px;
}

.sidebar .partneri-sidebar-wrapper .multiple-links {
    display: block;
    margin-top: 35px;
    margin-bottom: 0px;
    line-height: 1.2;
}

.sidebar .partneri-sidebar-wrapper .multiple-links a {
    color: #484848;
    font-size: 14px;
    line-height: 1.2 !important;
    display: inline;
    white-space: normal;
    text-decoration: underline;
    transition: 0.3s;
}

@media(hover: hover) {
    .sidebar .partneri-sidebar-wrapper .multiple-links a:hover {
        color: #d70005;
        text-decoration: none;
        transition: 0.3s;
    }
}

.sidebar .partneri-sidebar-wrapper,
.sidebar .navstevnost-sidebar-wrapper {
    margin-top: 22px;
    background-color: #ffffff;
    border-radius: 15px;
}

.sidebar .partneri-content,
.sidebar .navstevnost-content {
    padding: 10px;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.sidebar .navstevnost-sidebar-wrapper h3.pageElement__heading {
    margin-bottom: 0px;
}

.sidebar .partneri-content>* {
    width: 100%;
    text-align: center;
}

.sidebar .partneri-sidebar-wrapper span.content-heading {
    color: #000080;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.sidebar .partneri-sidebar-wrapper span.content-link {
    text-align: center;
}

.sidebar .partneri-sidebar-wrapper span.content-link a {
    color: #000080;
    font-size: 14px;
    line-height: 1.2;
    margin-block: 20px;
    font-weight: 600;
    text-decoration: underline;
}

.sidebar .box.box-sm.box-filters {
    margin-bottom: 22px;
}

.sidebar .client-center-box {
    margin-top: 0px !important;
}

.sidebar .client-center-box ul {
    padding-left: 15px;
    margin-block: 5px;
}

.sidebar div#categories div.categories>ul>li>ul>li>ul>li>a {
    background-color: #ffd7a4 !important;
    color: #131617;
}

.sidebar div#categories div.categories>ul>li>ul>li>ul>li::before {
    content: none !important;
}

@media(hover: hover) {
    .sidebar div#categories div.categories>ul>li>ul>li>ul>li>a:hover {
        background-color: #ea0006 !important;
        color: #ffffff;
    }
}

#categories>.categories {
    margin-bottom: 20px !important;
    border-radius: 15px !important;
    overflow: hidden;
}

span.cat-trigger {
    display: none !important;
}

.categories ul a {
    padding-left: 30px;
    background-color: #FF9000;
    color: #fff;
}

.topic {
    background-color: #ea0006;
    color: #fff;
}

#categories {
    background-color: #E1F0FA;
}

.box-bg-variant .categories a {
    color: #ffffff;
}

.categories .topic.active>a:hover {
    background-color: inherit;
    color: inherit;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.categories .topic.active>a {
    background-color: inherit;
    color: white;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

#categories a:hover {
    color: #fff;
    background-color: #ea0006;
}

.categories .topic.child-active>a {
    background-color: inherit;
    color: white;
}

.categories li.active>a {
    background-color: inherit;
    color: #ffffff;
    background-color: #ea0006;
}

.category-perex img.srdicko {
    width: 20px;
}

.category-perex p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
}

.category-perex {
    text-align: center;
}

h1.category-title {
    text-align: center;
    color: #0b7eb7;
    line-height: 1.3;
    font-size: 32px;
}

.listSorting.listSorting--dropdown {
    display: none;
}

.category-header {
    margin-bottom: 10px;
}

.category-header-pagination {
    margin-bottom: 10px;
}

.type-category .custom-filters-dropdown .dropdown .dropdown-menu {
    border-radius: 10px;
}

span.active-filter-badge {
    border-radius: 10px !important;
}

.btn.loadMore__button:focus-visible,
.btn.loadMore__button:hover,
.pagination .pagination__list .pagination__link:focus-visible,
.pagination .pagination__list .pagination__link:hover,
a.btn.goToTop__button:focus-visible,
a.btn.goToTop__button:hover,
.btn.loadMore__button,
.pagination .pagination__list .pagination__link,
a.btn.goToTop__button {
    border-radius: 10px;
}

.imgs-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-start;
    justify-content: center;
}

.imgs-wrapper img {
    height: 250px;
    width: auto;
    display: block;
}

.imgs-wrapper.small-img {
    margin-bottom: 22px;
}

.imgs-wrapper.small-img img {
    height: 160px;
}

.top-products li.display-image:before {
    position: static;
    background-color: #FF9000;
    color: #ffffff;
}

.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: flex !important;
}

.banners-row .carousel .carousel-inner,
.in-index main#content>.row.banners-content.body-banners img {
    border-radius: 20px;
}

@media (min-width: 768px) {
    .multiple-columns-body .wide-carousel .carousel {
        padding-left: 0;
        padding-right: 0;
    }
}

.in-index main#content>.row.banners-content.body-banners a,
.in-index main#content>.row.banners-content.body-banners a img {
    width: 100%;
}

.in-index main#content>.row.banners-content.body-banners {
    margin-top: 40px;
}

.in-index main#content>.footer-banners.row.banner-wrapper.banners-row .footer-banner:first-of-type img {
    border-radius: 20px;
}

.in-index main#content>.footer-banners.row.banner-wrapper.banners-row .footer-banner:first-of-type {
    margin-top: 40px;
    margin-bottom: 60px;
}

@media (min-width: 768px) {

    .in-index main#content>.row.banners-content.body-banners .col-sm-4,
    .in-index main#content>.row.banners-content.body-banners .col-sm-8 {
        width: 50%;
    }
}

@media (max-width: 767px) {

    .in-index main#content>.row.banners-content.body-banners .col-sm-4,
    .in-index main#content>.row.banners-content.body-banners .col-sm-8 {
        width: 100%;
    }
}

.in-index main#content>.row.banners-row:first-of-type {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-inline: 0px;
}

.in-index main#content>.row.banners-row:first-of-type .wide-carousel {
    width: 100%;
}


.in-index main#content>.row.banners-row:first-of-type .col-sm-8,
.in-index main#content>.row.banners-row:first-of-type .col-sm-4 {
    width: 100% !important;
}

.in-index main#content>.row.banners-row:first-of-type .col-sm-8 {
    margin-block: 20px;
}

.in-index main#content>.row {
    margin-left: 0px;
    margin-right: 0px;
}

/*HP - Info block*/
.info-block {
    text-align: center;
    margin-block: 40px;
}

.info-block p {
    margin-bottom: 0px !important;
    font-size: 16px;
    line-height: 1.4;
}

.info-block p strong {
    font-weight: 600;
}

.info-block span.underline {
    text-decoration: underline;
}

.info-block h2 {
    color: #ff0000;
    font-size: 18px;
    margin: 0px;
    margin-bottom: 5px;
}

/*Benefits*/
.benefitBanner__content .benefitBanner__title,
.benefitBanner__content .benefitBanner__data {
    line-height: 1.2;
    display: block;
}

.benefitBanner__title {
    color: #4d92be;
    padding-bottom: 5px;
}

.benefitBanner {
    margin: 30px auto 60px;
}

.benefitBanner__picture img {
    border-radius: 15px;
}

/*HP*/
.homepage-group-title {
    margin-top: 60px;
    margin-bottom: 0px;
    font-size: 28px;
    color: #0b7eb7;
}

.product-slider-holder {
    padding: 10px 0 20px;
}

.product-slider-holder .product-slider-pagination {
    margin-top: 10px;
}

/*HP - Sortiment*/
.sortiment-wrapper .sortiment {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 40px;
}

.sortiment-wrapper .sortiment>p,
.welcome-wrapper .welcome h2 {
    color: #ff8401;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    width: 100%;
}

.sortiment-wrapper .sortiment img {
    padding-bottom: 40px;
    border-bottom: 1px solid #000000;
}

/*HP - Basnicky*/
.basnicky-wrapper h2 {
    color: #ff8401;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 40px;
}

.basnicky-wrapper {
    padding-block: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

.basnicky-wrapper img {
    width: 100%;
    max-width: 360px;
}

.basnicky-wrapper img:first-of-type {
    margin-bottom: 40px !important;
}

/*HP - Obsah*/
.obsah-block.forkids h2 {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    font-style: italic;
}

.obsah-wrapper .obsah-block,
.platebni-metody-wrapper {
    padding-block: 20px;
}

.platebni-metody-wrapper {
    padding-top: 60px;
}

.obsah-wrapper .obsah-block.spoluprace span.obsah-heading {
    font-weight: 700;
    font-size: 16px;
    width: 100%;
    display: block;
    margin-block: 20px;
    text-transform: uppercase;
}

.obsah-wrapper .obsah-block.gymnastika span.obsah-heading {
    font-weight: 700;
    font-size: 14px;
    width: 100%;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
}

/*HP - Welcome*/
.welcome-wrapper .welcome .h1 {
    color: #ff8401;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    width: 100%;
}

.welcome-wrapper .welcome p {
    font-weight: 500;
}

.welcome-wrapper .welcome p strong {
    font-weight: 700;
}

.welcome {
    text-align: center;
    padding-inline: 50px;
}

.welcome-wrapper {
    padding-top: 60px !important;
}

/*Cookies*/
.siteCookies__form {
    background-color: #2d2d2d;
}

.siteCookies__form * {
    color: #fff !important;
}

@media (min-width: 768px) {
    .siteCookies--bottom.siteCookies--scrolled {
        background-color: #2d2d2d;
    }
}

.siteCookies__form {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.siteCookies__button {
    background-color: #6BBE6B;
    border-radius: 20px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 20px;
}

.siteCookies__link {
    border: 1px solid #ffffff;
    padding: 0 20px;
    border-radius: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

@media(hover: hover) {
    .siteCookies__button:hover {
        background-color: #569856;
    }

    .siteCookies__link:hover {
        background-color: #242424;
    }
}

/*Empty content*/
.empty-content a.btn.btn-default {
    color: #fff;
    border-radius: 10px;
}

@media(hover: hover) {

    .empty-content .btn.btn-default:hover,
    .empty-content a.btn.btn-default:hover {
        border-color: #0b7eb7 !important;
    }
}

/*Respo*/
@media (min-width: 1440px) {
    .overall-wrapper>div#content-wrapper.container.container-narrow.content-wrapper {
        width: 1418px;
    }
}

@media (min-width: 1200px) and (max-width: 1439px) {
    .overall-wrapper>div#content-wrapper.container.container-narrow.content-wrapper {
        width: 1178px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .overall-wrapper>div#content-wrapper.container.container-narrow.content-wrapper {
        width: 972px;
    }

    .position--benefitHomepage .benefitBanner__item {
        flex: 1 1 50% !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    body {
        background-color: #E1F0FA;
    }

    .info-block p {
        font-size: 15px;
    }

    .benefitBanner__item {
        flex: 0 0 50%;
        width: 50%;
    }

    .benefitBanner__content {
        width: 250px;
        text-align: left;
    }

    .benefitBanner__picture {
        flex: 0 0 70px;
        max-width: 70px;
    }

    .benefitBanner__item {
        justify-content: center;
    }

    .clanek-priloha {
        width: 23%;
    }

    .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button {
        border-radius: 10px;
    }

    .in-index main#content>.row.banners-content.body-banners .col-sm-4,
    .in-index main#content>.row.banners-content.body-banners .col-sm-8 {
        padding-inline: 10px;
    }

    .welcome {
        padding-inline: 10px;
    }

    .welcome-wrapper {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .in-index main#content>.footer-banners.row.banner-wrapper.banners-row .footer-banner:first-of-type {
        margin-bottom: 20px;
    }

    .clanek-priloha {
        width: calc(100% / 3);
    }
}

@media(max-width: 767px) {
    .info-block {
        margin-block: 30px;
    }

    .product-slider-holder .product-slider-navigation {
        top: 50%;
    }

    .product-slider-holder .product-slider-navigation:before,
    .product-slider-holder .product-slider-navigation:hover:before {
        background-color: transparent;
    }

    .product-slider-holder .product-slider-navigation:before {
        font-size: 30px;
        height: 35px;
        width: 35px;
    }

    .product-slider-holder .product-slider-navigation:before {
        color: #000000;
    }

    .welcome-wrapper {
        padding-bottom: 0;
        padding-top: 0;
    }

    .sortingToggle,
    div#filters-wrapper .filters-wrapper .filters-unveil-button-wrapper a.btn.btn-default {
        color: #FF9000;
        border-radius: 10px;
    }

    .listSorting.listSorting--open button.sortingToggle {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .listSorting--open .listSorting__controls {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .in-index main#content>.row.banners-row:first-of-type .wide-carousel {
        padding-left: 0px;
        padding-right: 0px;
    }

    .welcome-wrapper .welcome p {
        text-align: center !important;
    }

    .columns-mobile-2 .products-block>div {
        margin-bottom: unset !important;
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    .overall-wrapper {
        padding-top: 95px;
    }
}

@media (max-width: 767px) and (min-width: 321px) {
    .columns-mobile-2 .products-block>div:nth-child(2n) {
        padding-left: 15px;
    }
}

@media(max-width: 500px) and (min-width: 480px) {
    .info-block p {
        font-size: 18px;
    }
}

@media(max-width: 479px) {
    .overall-wrapper {
        padding-top: 75px;
    }

    .product-slider-holder .products-block .p .name,
    .columns-mobile-2 .products-block .p .name {
        height: 40px !important;
    }

    .welcome {
        padding-inline: 20px;
    }

    .subcategories li a {
        height: 55px;
        padding: 5px 10px;
    }
}

@media(max-width: 374px) {

    .products-block .p .name {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .product-slider-holder .products-block .p .name,
    .columns-mobile-2 .products-block .p .name {
        height: 36px !important;
    }

    .products-block>div .p .p-bottom .prices .price-additional,
    .products-block>div .p .p-bottom .prices .price.price-final {
        flex-wrap: wrap;
        text-align: center;
    }

    .products-block>div .p .p-bottom .prices .left,
    .products-block>div .p .p-bottom .prices .right {
        width: 100%;
    }

    .products-block>div .p .p-bottom>div .prices {
        gap: 5px;
    }

    .products-block>div .p .p-bottom .prices .price.price-final {
        gap: 0px;
    }

    .product-slider-holder .product-slider-navigation:before {
        font-size: 25px;
        height: 25px;
        width: 25px;
    }

    .product-slider-holder .product-slider-navigation {
        height: 25px;
        width: 25px;
    }

    .products-block>div .p .p-bottom>div .p-tools .pr-action {
        gap: 5px !important;
        flex-wrap: wrap;
    }

    .products-block>div .p .quantity {
        width: 100%;
        padding: 0px !important;
        justify-content: flex-start;
    }

    .products-block>div .p .p-bottom>div .p-tools button.btn-cart.add-to-cart-button {
        margin-left: 0px;
    }

    .products-block>div .p .p-bottom>div .p-tools>.btn:last-child {
        margin-left: 0px;
    }

    .products-block .p {
        margin-bottom: 0px;
    }

    .products-block>div .p .name {
        overflow-y: hidden;
    }

    .products-block>div .p .p-bottom>div .p-tools .btn,
    .products-block>div .p .p-bottom>div .p-tools .btn.btn-cart {
        font-size: 14px;
        padding-inline: 0px !important;
        width: 100%;
    }

    .in-index main#content>.row.banners-content.body-banners {
        margin-top: 0;
    }

    .in-index main#content>.footer-banners.row.banner-wrapper.banners-row .footer-banner:first-of-type {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .subcategories li {
        width: 100% !important;
    }

    .products-block>div.product {
        padding: 5px;
    }
}

@media (max-width: 320px) and (min-width: 280px) {
    .columns-mobile-2 .products-block>div {
        width: 50%;
    }
}