#content .category-title,
#content .category-perex:not(.empty-content),
.type-category:not(.in-darky-na-miru) .filters-wrapper,
body:not(.in-darky-na-miru) #filters {
    display: none;
}

.subcategories {
    position: relative;
}

.subcategories:before {
    content: url('/user/documents/upload/obrazky/sipka_dolu.png');
    position: absolute;
    margin-left: -86px;
    top: calc(50% - 45px);
}

.subcategories li a {
    border-radius: 20px;
    border-color: #E0E4EF;
    height: 90px;
    padding-right: 13px;
    overflow: hidden;
}

.subcategories li a::before {
    display: none;
}

.subcategories li a .image {
    order: 2;
    margin: -10px;
}

.subcategories.with-image li a .image {
    width: 50%;
}

.subcategories.with-image li a .image img {
    max-height: 90px;
}

.subcategories.with-image li a .text {
    padding-left: 20px;
    font-family: "sofia-pro-soft", sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #203a8f;
}

.subcategories li a .text {
    max-height: 88px;
}

.type-category .subcategories.with-image+h4 {
    display: none;
}

.type-category #content>h4 {
    text-align: center;
    padding: 25px 0;
    color: #203a8f;
    font-size: 25px;
    font-weight: bold;
}

.products-inline.products-top>div .p {
    flex-flow: column;
    width: 100%;
}

.products-inline.products-top>div .p .p-in {
    padding-left: 0px;
}

.nekupto-razeni {
    /*padding: 25px 0;*/
    padding: 0px 0;
    /*margin-left: -20px;*/
}

.nekupto-razeni .nekupto-razeni-nadpis {
    background-color: #ea5e1d;
    width: 100%;
    height: 42px;
    /*background-image: linear-gradient(to right, #1c65a5, #122768);	*/
}

.listItemsTotal {
    display: none;
}

#listSortingHeading {
    display: none;
}

.listSorting__controls li button:after {
    font-family: 'shoptet';
    content: '\e90a';
    margin-left: 10px;
    display: inline-block;
    background-color: transparent;
    color: #203a8f;
    font-size: 10px;
    margin-top: 3px;
}

.listSorting__controls {
    justify-content: center;
    align-items: center;
}

.listSorting__controls li button {
    font-size: 18px;
}

.listSorting__control--current {
    color: #E38348;
}

.nekupto-razeni .nekupto-razeni-nadpis h4 {
    text-align: center;
    font-size: 30px;
    color: white;
}

.nekupto-razeni .nekupto-razeni-nadpis h4:after {
    font-family: 'shoptet';
    content: '\e90e';
    font-size: 16px;
    margin-left: 1.5ex;
}

.subcategories.with-image:hover:before {
    -webkit-animation: shake-vertical 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: shake-vertical 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

.nekupto-razeni .nekupto-razeni-nadpis:hover:after {
    -webkit-animation: jello-vertical 0.9s both;
    animation: jello-vertical 0.9s both;
}

.category-header {
    background-color: #E8EBF4;
}

#category-header h4 {
    margin: 0;
    margin-right: auto;
    text-transform: uppercase;
    color: #203a8f;
}

#category-header h4:after {
    font-family: 'shoptet';
    content: '\e90c';
    margin-left: 10px;
    color: #203a8f;
}

#category-header form fieldset {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    flex-wrap: wrap;
}

#category-header h4 {
    order: 1;
}

#category-header label[for=order3] {
    order: 2;
}

#category-header label[for=order2] {
    order: 3;
}

#category-header label[for=order1] {
    order: 4;
}

#category-header label[for=order4] {
    order: 5;
}

#category-header label {
    background-color: transparent;
    color: #203a8f;
    padding-top: 20px;
    padding-bottom: 20px;
}

#category-header label {
    font-family: "sofia-pro-soft", sans-serif !important;
    font-size: 18px;
    font-weight: 300;
    padding-left: 50px;
}

#category-header label:after {
    font-family: 'shoptet';
    content: '\e90a';
    margin-left: 10px;
    display: inline-block;
    background-color: transparent;
    color: #203a8f;
    font-size: 10px;
    margin-top: 3px;
}

#category-header input[type="radio"]:checked+label,
#category-header input[type="radio"]:checked+label::after {
    font-weight: 500;
}

#category-header h4 {
    font-family: "sofia-pro-soft", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
}

#category-header input[type="radio"]:checked+label::after {
    width: auto;
    height: auto;
    border-style: none;
    left: auto;
}

.category-header {
    background-color: #E8EBF4;
    /* PŘIDÁNO 12.11.2025 */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
}

#productsTop:before {
    content: url('/user/documents/upload/obrazky/sipka_kroucena.png');
    position: relative;
    margin-left: -120px;
    padding-right: 50px;
    top: 40%;
}

.products-inline.products-top>div.product {
    border: solid 3px #203a8f;
    border-radius: 25px;
    margin: 5px;
    padding: 10px;
    width: calc(25% - 10px);
    text-align: center;
}

.products-inline.products-top>div.product.active {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.products-inline.products-top>div.product:hover {
    border: dashed 3px #E8EBF4;
}

.products-inline.products-top>div .ratings-wrapper {
    justify-content: center;
}

.products-inline.products-top>div .p .p-in .p-bottom>div {
    align-items: center;
}

.products-inline>div .p .p-in .p-in-in .name {
    font-size: 16px;
    margin-bottom: 10px;
}

.products-inline>div .p .p-in .p-in-in .ratings-wrapper {
    margin-bottom: 10px;
}

.products-inline>div .p .price strong {
    color: #203a8f;
    font-size: 20px;
}

.products-inline.products-top>div .p .image {
    width: 100%;
    min-height: 90px;
    overflow: hidden;
    max-width: 250px;
}

.nekupto-vyber-jmeno {
    padding-bottom: 50px;
}

.nekupto-vyber-jmeno h4 {
    text-align: center;
    padding: 25px 0;
    color: #203a8f;
    font-size: 25px;
    font-weight: bold;
    position: relative;
}

.nekupto-vyber-jmeno h4:before {
    content: url('/user/documents/upload/obrazky/sipka_prechod.png');
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    rotate: -30deg;
    scale: 0.8;
    position: absolute;
    margin-left: -350px;
    top: 0;
}

.nekupto-vyber-jmeno .nekupto-jmeno {
    width: 50%;
    margin: auto;
    position: relative;
}

.nekupto-vyber-jmeno .nekupto-jmeno:before {
    position: absolute;
    content: url('/user/documents/upload/obrazky/lupa_bila.png');
    background-image: linear-gradient(to right, #FFBE00, #FF3F20);
    top: 2px;
    right: 2px;
    width: 92px;
    height: 42px;
    border-radius: 25px;
    padding-top: 11px;
    padding-left: 38px;
}

.nekupto-vyber-jmeno .nekupto-jmeno .nekupto-hledat {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 92px;
    height: 42px;
    border-radius: 25px;
    cursor: pointer;
}

.nekupto-vyber-jmeno input {
    border: solid 2px #203a8f;
    border-radius: 25px;
    border-color: #203A8F;
    color: #203A8F;
    display: block;
    width: 100%;
    height: 46px;
    padding-left: 22px;
    padding-right: 92px;
    margin-left: auto;
    margin-right: auto;
}

.nekupto-vyber-jmeno input::placeholder {
    color: #203A8F;
    opacity: 0.5;
    font-family: "sofia-pro-soft", sans-serif !important;
    font-weight: 100;
}

.nekupto-vyber-jmeno input:before {
    color: #203A8F;
    display: inline-block;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: absolute;
    top: 6px;
    left: 20px;
    font-family: 'shoptet' !important;
    font-weight: 900;
    font-size: 20px;
    content: '\e920';
}

.category-perex.empty-content.empty-content-category * {
    font-family: "sofia-pro-soft", sans-serif !important;
}

.category-perex.empty-content.empty-content-category h2 {
    color: #203a8f;
}

.category-perex.empty-content.empty-content-category p:nth-child(2),
.category-perex.empty-content.empty-content-category h2:after {
    color: #203a8f;
    opacity: 0.5;
}

#ui-id-1 {
    border-radius: 25px;
    border-color: #203A8F;
    border-width: 2px;
    color: #203A8F;
}

#ui-id-1 li {
    padding: 10px;
}

@media (max-width: 767px) {
    .nekupto-vyber-jmeno .nekupto-jmeno {
        width: 100%;
    }

    #productsTop::before {
        display: none;
    }

    .products-inline.products-top>div.product {
        width: calc(100% - 10px);
    }

    .products-inline.products-top>div .p .p-in .p-bottom>div {
        text-align: center;
    }

    .nekupto-razeni {
        margin-left: -10px;
    }

    .nekupto-razeni .nekupto-razeni-nadpis {
        /* height: calc(100vw * (184 / 375)); */
        /* background-image: url('/user/documents/upload/obrazky/top_bannery/pruh_m.png');*/
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #category-header form fieldset {
        display: flex;
        justify-content: space-around;
        align-items: baseline;
        flex-wrap: wrap;
    }

    #category-header h4 {
        margin-top: 10px;
        width: 100%;
        padding: 5px;
    }

    #category-header label {
        font-size: 16px;
        padding: 10px;
    }

    .subcategories.with-image li a .text {
        padding-left: 10px;
        font-size: 14px;
        line-height: 18px;
    }
}

@media (min-width: 768px) {
    .products-inline.products-top>div.product {
        width: calc(50% - 10px);
    }

    .category-header.content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .category-header.container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .nekupto-razeni .nekupto-razeni-nadpis h4 {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .products-inline>div .p .p-in .p-in-in {
        padding-right: 0px;
    }

    .nekupto-razeni .nekupto-razeni-nadpis h4 {
        font-size: 20px;
    }
}

@media (min-width: 1200px) {
    .products-inline.products-top>div.product {
        width: calc(25% - 10px);
    }

    .nekupto-razeni .nekupto-razeni-nadpis h4 {
        font-size: 24px;
    }
}

@media (min-width: 1440px) {
    .nekupto-razeni .nekupto-razeni-nadpis h4 {
        font-size: 30px;
    }
}

@media (min-width: 1921px) {
    .nekupto-roztazene {
        max-width: 1920px;
        left: -231px;
    }

    .nekupto-razeni .nekupto-razeni-nadpis {
        width: 100%;
        height: 269px;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2021-4-19 9:52:41
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes jello-vertical {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    40% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    50% {
        -webkit-transform: scale3d(.85, 1.15, 1);
        transform: scale3d(.85, 1.15, 1)
    }

    65% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    75% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes jello-vertical {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    30% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    40% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    50% {
        -webkit-transform: scale3d(.85, 1.15, 1);
        transform: scale3d(.85, 1.15, 1)
    }

    65% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    75% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes shake-vertical {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    20%,
    40%,
    60% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    80% {
        -webkit-transform: translateY(6.4px);
        transform: translateY(6.4px)
    }

    90% {
        -webkit-transform: translateY(-6.4px);
        transform: translateY(-6.4px)
    }
}

@keyframes shake-vertical {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    20%,
    40%,
    60% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    80% {
        -webkit-transform: translateY(6.4px);
        transform: translateY(6.4px)
    }

    90% {
        -webkit-transform: translateY(-6.4px);
        transform: translateY(-6.4px)
    }
}