.theme-sdr .btn:has(.icon-filter) {
    height: fit-content !important;
    padding-right: 0 !important
}

.theme-sdr .catalog-header {
    margin-left: 68px;
    margin-right: 68px;
    width: auto
}

.theme-sdr .catalog-left .btn-filter {
    position: absolute !important;
    right: 0;
    bottom: 0;
}

.theme-sdr .catalog-left .icon-filter {
    position: absolute;
    transition: 0.3s ease-in-out;
    left: 0;
    top: 14px;
}

.theme-sdr .filterbar {
    opacity: 1 !important;
    pointer-events: visible !important;
    transition: 0.5s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .theme-sdr .filterbar.opacity-0 {
        opacity: 0 !important;
        pointer-events: none !important;
        overflow: hidden;
        margin: 0 !important
    }

        .theme-sdr .filterbar.opacity-0 form {
            max-height: 0;
            overflow: hidden;
            transition: max-height .5s ease;
        }

    .theme-sdr .filterbar form {
        display: grid;
        max-height: 400px;
        transition: max-height .7s ease;
    }

    .theme-sdr .filterbar form .dropdown {
        min-height: 189px;
    }

    .theme-sdr .filterbar .dropdown.open .dropdown-toggle {
        background-color: var(--color-white);
        z-index: 11
    }

    .theme-sdr .filterbar .dropdown.open .dropdown-menu {
        max-height: 550px;
        transition: max-height 1s ease !important;
    }

@media (max-width: 1366px) {
    .theme-sdr .catalog-header {
        margin-left: 84px;
        margin-right: 84px;
    }
}

@media (max-width: 1199px) {
    .theme-sdr .catalog-header {
        margin-left: 36px;
        margin-right: 36px;
    }
}

@media (max-width: 991px) {
    .theme-sdr .catalog-header {
        margin-left: 0;
        margin-right: 0;
    }

    .theme-sdr .filterbar form {
        max-height: 700px
    }

    .theme-sdr .catalog-left .btn-filter {
        position: inherit !important;
        place-self: end;
        margin-left: 1.5rem !important;
    }
}

@media (max-width: 576px) {
    .theme-sdr .filterbar form {
        max-height: 1200px
    }
}

.theme-sdr .filterbar .dropdown.open .dropdown-menu .form-check-label:last-child {
    margin-bottom: 0 !important
}

.theme-sdr .filterbar .dropdown-toggle {
    background: var(--color-white);
    border: none;
    outline: 0;
    padding: .75rem 0 .75rem 1rem;
    position: relative;
    text-transform: uppercase;
    border-bottom: 2px solid var(--color-black-500);
    width: 100%;
    text-align: start;
    justify-content: space-between;
    align-items: center;
    display: flex;
    height: auto !important;
    position: relative
}

.theme-sdr .filterbar .icon-facet-dropdown {
    position: absolute;
    right: 0;
    top: 14px;
    transition: transform 600ms cubic-bezier(0,0,0,1);
}

.theme-sdr .filterbar .dropdown.open .icon-facet-dropdown {
    transform: rotate(180deg);
}

.theme-sdr .filterbar .dropdown-toggle::after {
    display: none
}

.theme-sdr .filterbar .dropdown-menu {
    position: inherit;
    width: 100%;
    border: none;
    margin-top: 0;
    min-width: 14rem;
    padding: 0;
    margin: 0;
    transition: .2s;
    top: 0 !important
}

.theme-sdr .filterbar .facet-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
}

    .theme-sdr .filterbar .facet-bottom button {
        transition-delay: .1s !important;
    }

.theme-sdr .filterbar .dropdown:has(.second-displayed) {
    width: 50%;
    margin-right: 0 !important;
}

/*.theme-sdr .filterbar .dropdown#dropdown-facet-color:not(.third-displayed) .second-displayed {
    margin-left: auto !important;
    margin-right: 0 !important
}*/

.theme-sdr .filterbar #facetFrom:has(.third-displayed) .dropdown:has(.second-displayed) {
    width: 33% !important;
    margin-right: auto !important;
}

.theme-sdr .filterbar .dropdown:has(.third-displayed), .theme-sdr .filterbar #facetFrom:has(.third-displayed) .dropdown:has(.third-displayed) {
    width: 66% !important;
    margin-right: auto !important;
}

.b-load-more:has(.p-load-more.d-none) {
    display: none !important;
    margin-top: 0 !important
}

@media (max-width: 767px) {
    .theme-sdr .filterbar .facet-bottom {
        position: inherit !important;
    }
}

@media (max-width:991px) {
    .theme-sdr .body-content:has(.p-load-more.d-none) {
        padding: 5rem 2.5rem 0 !important
    }

    .theme-sdr .filterbar .dropdown:has(.second-displayed),
    .theme-sdr .filterbar .dropdown:has(.third-displayed),
    .theme-sdr .filterbar #facetFrom:has(.third-displayed) .dropdown:has(.second-displayed),
    .theme-sdr .filterbar #facetFrom:has(.third-displayed) .dropdown:has(.third-displayed) {
        width: auto !important;
        margin-right: auto !important
    }
}

.theme-sdr .product-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100% !important
}

    .theme-sdr .product-list a {
        border: none;
        line-height: 1.2;
        position: relative;
        text-decoration: none;
        transition: .2s;
        width: 100%
    }

        .theme-sdr .product-list a:hover {
            color: var(--color-black-500) !important
        }

        .theme-sdr .product-list a div:last-child {
            margin-top: auto
        }

    .theme-sdr .product-list .product-content .title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .theme-sdr .product-list .product-image {
        height: 0;
        width: 100%;
        padding-top: 150%;
        overflow: hidden;
        position: relative
    }

        .theme-sdr .product-list .product-image img {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            transition: .4s;
            object-fit: cover;
            height: 100%;
            width: 100%
        }

        .theme-sdr .product-list .product-image .product-image-back, .theme-sdr .product-list .product-image:hover .product-image-front {
            opacity: 0
        }

        .theme-sdr .product-list .product-image:hover .product-image-back {
            opacity: 1
        }

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 19 !important;
    display: block;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    border: 1px solid;
    border-radius: .25rem
}

@media (max-width: 767px) {
    .dropdown-menu {
        /*display: none;*/
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s ease !important;
    }
}

.theme-sdr .form-check-label {
    white-space: nowrap;
    padding: 0 0 0 1.75rem !important;
    font-size: 14px !important;
    font-weight: var(--font-weight-regular) !important;
    align-items: center;
    display: flex
}

.theme-sdr .hero-unit {
    position: relative;
    width: 100%;
    padding: 2rem 0;
    text-align: center;
    margin-top: 5rem
}

.theme-sdr .body-content {
    background-color: var(--color-white);
    padding: 3rem !important;
    min-height: calc(100vh - 311px)
}

    .theme-sdr .body-content .catalog-left .title {
        line-break: auto
    }

@media (max-width:1199px) {
    .theme-sdr .body-content {
        min-height: calc(100vh - 360px)
    }
}

.form-check-label {
    color: #000;
    cursor: pointer;
    display: block;
    font-weight: 600;
    line-height: 1.1;
    margin: 0 0 .5rem 1px;
    padding: .125rem 0 0 1.5rem;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    height: 30px
}

    .form-check-label input:checked ~ .cb::after, .form-check-label:active .cb::after, .form-check-label:focus .cb::after, .form-check-label:hover .cb::after {
        transform: scale(1)
    }

    .form-check-label input {
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0
    }

        .form-check-label input:checked ~ .cb::before {
            background-color: var(--color-black-500)
        }

    .form-check-label .cb {
        height: 18px;
        width: 18px;
        position: absolute;
        top: 4px;
        left: 0;
        opacity: 1
    }

        .form-check-label .cb::before {
            background-color: var(--color-white);
            border: 1px solid var(--color-black-500);
            content: '';
            cursor: pointer;
            display: block;
            height: 18px;
            width: 18px;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            transition: border .2s;
            border-radius: 5px
        }

        .form-check-label .cb.radio::after, .form-check-label .cb::after {
            background: url(/img/icons/tick.svg) top 0.25rem left 0.2rem/80% no-repeat;
            content: '';
            cursor: pointer;
            display: block;
            height: 14px;
            width: 14px;
            font-weight: 700;
            line-height: 1.1;
            margin: auto;
            position: absolute;
            top: -3px;
            right: 0;
            bottom: 0;
            left: -4px;
            transform: scale(0);
            text-align: center;
            transition: 250ms;
            filter: invert(1);
        }

@media (max-width:1366px) {
    .theme-sdr .hero-unit {
        padding: 1.5rem 0 !important
    }

    .theme-sdr .body-content {
        padding: 2rem !important
    }
}

@media (max-width:991px) {
    .theme-sdr .hero-unit {
        margin-top: 4rem !important;
        padding: 1rem 0 !important
    }

    .theme-sdr .body-content {
        padding: 5rem 2.5rem 0 2.5rem !important;
        min-height: calc(100vh - 214px)
    }

    .theme-sdr .form-control, .theme-sdr select {
        font-size: var(--font-size-body2) !important
    }
}

@media (max-width:767px) {
    .theme-sdr .form-check-label {
        margin-left: 20px
    }
}

@media (max-width:576px) {
    .theme-sdr .body-content:has(.p-load-more.d-none) {
        padding: 5rem 1.5rem 0 !important
    }

    .theme-sdr .product-list .product-image {
        padding-top: 250px !important
    }

    .theme-sdr .product-list a {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    .theme-sdr .body-content, main {
        min-height: calc(100vh - 194px)
    }

    .theme-sdr .bodyCard .card, .theme-sdr .bodyCardmin .card, .theme-sdr .hero-unit {
        padding: 15px !important
    }

    .theme-sdr .body-content {
        padding: 5rem 1.5rem 0 1.5rem !important
    }
}

.spinner-border {
    color: var(--color-black-400);
    margin-left: .5rem;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    border: .125em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.sub-catalog {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    height: 25.47px;
}

    .sub-catalog .title-sub-catalog {
        text-align: center;
        margin-bottom: 0 !important
    }

    .sub-catalog .content {
        text-align: center;
        width: 100%;
        display: flex;
        justify-content: center;
        /*margin-top: 1.5rem;*/
        gap: 1.5rem 5rem
    }

        .sub-catalog .content a {
            margin: 0;
            text-decoration: underline !important;
            text-decoration-color: transparent !important;
            text-underline-offset: 4px !important;
            -webkit-text-decoration-color: transparent;
            -moz-text-decoration-color: transparent;
            transition: .3s;
            border-bottom: none !important;
            /*background-color: var(--color-black-100);
            padding: 0.5rem 1.5rem;*/
        }

            .sub-catalog .content a:hover {
                text-decoration-color: var(--color-black-400) !important;
                -webkit-text-decoration-color: var(--color-black-400);
                -moz-text-decoration-color: var(--color-black-400);
                /*background-color: var(--color-black-500) !important;
                color: var(--color-white) !important*/
            }

/*@media (max-width: 1366px) {
    .sub-catalog .content {
        margin-top: 1rem;
    }
}*/

@media (max-width: 1199px) {
    .sub-catalog .content {
        gap: 1.5rem 4rem
    }
}

@media (max-width: 991px) {
    .sub-catalog {
        height: auto;
    }

    .catalog-left.single .sub-catalog .title-sub-catalog {
        margin-bottom: 0 !important
    }

    .catalog-left.single .btn-filter {
        align-self: start;
        margin-top: -7px;
    }

        .theme-sdr .catalog-left .icon-filter {
            top: 13px;
        }

    .sub-catalog .title-sub-catalog {
        text-align: start;
        margin-bottom: .5rem !important;
    }

    .sub-catalog .content {
        justify-content: start;
        gap: 1rem 3rem;
    }
}

@media (max-width: 767px) {
    .theme-sdr .filterbar {
        margin-top: -1rem;
    }
}

@media (max-width: 576px) {
    .theme-sdr .catalog-left .icon-filter {
        top: 11px;
    }

    .sub-catalog .content {
        gap: 0.5rem 2rem;
        /*display: contents;*/
        line-height: 2.75rem;
        flex-wrap: wrap;
        /*margin-top: .75rem;*/
    }
}

.theme-sdr .hero-unit {
    position: relative;
    width: 100%;
    padding: 2rem 0;
    text-align: center;
    margin-top: 5rem;
    letter-spacing: 1.6px
}

    .theme-sdr .hero-unit .container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .theme-sdr .hero-unit span.line {
        padding: 0 5px
    }

    .theme-sdr .hero-unit a {
        text-decoration: underline !important;
        text-decoration-color: transparent !important;
        text-underline-offset: 4px !important;
        border: none;
        transition: .3s;
    }

        .theme-sdr .hero-unit a:hover {
            text-decoration-color: var(--color-black-400) !important;
        }