/* Category Landing page Start */
.category-landingpage {
    .categorylanding-top {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        padding-top: 21px;
        margin-bottom: 40px;
        .breadcrumbs {
            width: auto;
            text-align: left;
            margin: 0;
            padding-bottom: 20px;
            position: absolute;
            top: 22px;
            left: 0;
            .container {
                padding: 0;
                .items {
                    margin: 0;
                    padding: 0;
                    list-style: none none;
                    * {
                        color: var(--bc_color_light);
                        font-size: 14px;
                    }
                }
            }
        }
        .subcategories-list {
            padding-right: 0px;
            padding-top: 43px;
            width: 100%;
            @media (min-width: 1024px) {
                width: 34%;
                padding-right: 37px;
            }
            .categories-description {
                border-bottom: 1px solid var(--bc_secondary);
                padding-bottom: 24px;
                margin-bottom: 42px;
                position: relative;
                display: block;
                * {
                    color: var(--bc_color_light);
                }
                .page-title {
                    text-transform: uppercase;
                    font-size: 26px;
                    padding-bottom: 18px;
                    padding-right: 60px;
                }
                p {
                    font-size: 14px;
                    line-height: 1.7;
                }
                .all-products {
                    position: absolute;
                    right: 0;
                    top: 6px;
                    text-decoration: underline;
                }
            }
            .block-category-menu {
                .items {
                    display: flex;
                    flex-wrap: wrap;
                    margin: 0;
                    padding: 0;
                    > .item {
                        width: 50%;
                        margin-bottom: 30px;
                    }
                    h4 {
                        display: block;
                        padding-bottom: 12px;
                        a {
                            font-weight: 600;
                            text-transform: uppercase;
                        }
                    }
                    ol {
                        padding-left: 0px;
                        > li {
                            margin-bottom: 1.1rem;
                        }
                        li {
                            display: block;
                            width: 100%;
                            a {
                                color: #9a9c9a;
                                text-transform: initial;
                                line-height: 18px;
                            }
                        }
                    }
                }
            }
        }
        .landing-sticky {
            width: 100%;
            @media (min-width: 1024px) {
                width: 66%;
                position: sticky;
                top: 30px;
                align-self: flex-start;
            }
        }
    }
    .product-image-photo {
        position: static;
    }
    .category-landing {
        div:not(.content) {
            .items {
                @media (min-width: 768px) {
                    margin: 0;
                    display: grid;
                    grid-gap: 20px;
                    grid-template-columns: 47.8% 50fr 0fr;
                    width: 100%;
                    position: relative;
                    z-index: 1;
                }
                .item {
                    .item-inner {
                        overflow: hidden;
                        border: 1px solid transparent;
                        border-bottom-color: var(--bc_black);
                        position: relative;
                        height: 100%;
                        a {
                            display: block;
                        }
                        .bg-cover {
                            height: 100%;
                            img {
                                display: none;
                            }
                            .mob {
                                transition: all 0.5s ease;
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                                object-position: center;
                                background: var(--ba_grey);
                                display: block;
                            }
                        }
                        .link {
                            background: var(--bc_white);
                            padding: 13px 20px;
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            position: absolute;
                            z-index: 2;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            color: var(--bc_secondary);
                            font-weight: 500;
                            text-transform: uppercase;
                            margin: 0;
                            i {
                                flex: 0 0 auto;
                                width: 30px;
                                height: 30px;
                                border: 1px solid var(--bc_secondary);
                                border-radius: 50px;
                                outline: 20px solid var(--bc_white);
                                background: var(--bc_white);
                                display: inline-flex;
                                justify-content: center;
                                align-items: center;
                                img {
                                    display: none;
                                }
                                &:after {
                                    display: block;
                                    content: '';
                                    background: url(../../images/right-angle.svg);
                                    width: 24px;
                                    height: 24px;
                                }
                            }
                        }
                        &:hover {
                            border-color: var(--bc_black);
                            .bg-cover {
                                .mob {
                                    transform: scale(1.1)
                                }
                            }
                            .link {
                                color: var(--bc_primary);
                                i {
                                    border-color: var(--bc_primary);
                                    &:after {
                                        background: url(../../images/right-angle-red.svg);
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        &.landing-sticky {
            .items {
                .item {
                    &:first-child {
                        grid-column: 1;
                        grid-row: span 2;
                    }
                    &:nth-child(2), &:nth-child(3) {
                        grid-column: span 2;
                    }
                }
            }
            .bg-cover {
                background: none !important;
            }
        }
        &.home-topblocks {
            div:not(.content) {
                .items {
                    display: block;
                    margin: 0 -17px;
                    width: auto;
                    overflow: auto;
                    .item {
                        width: 100%;
                        padding: 0 17px;
                        padding-bottom: 34px;
                        display: flex;
                        flex-flow: column;
                        float: left;
                        text-align: left;
                        @media (min-width: 768px) {
                            width: 50%;
                        }
                        &:nth-child(n+3) {
                            margin-top: 0;
                            height: 349px;
                            @media (min-width: 768px) {
                                width: 33.33%;
                            }
                        }
                        .item-inner {
                            .bg-cover {
                                transition: all .5s ease 0s;
                                img {
                                    display: block !important;
                                    height: 484px;
                                }
                            }
                        }
                        &:hover {
                            .item-inner {
                                .bg-cover {
                                    transform: scale(1.1);
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .featured-grid {
        .container {
            .block-tabmenu {
                display: flex;
                justify-content: space-between;
                margin-bottom: 30px;
                flex-wrap: wrap;
                align-items: center;
                .item {
                    font-size: 24px;
                    font-weight: 500;
                    color: var(--bc_black);
                    text-transform: uppercase;
                    display: block;
                    @media (min-width: 1024px) {
                        font-size: 30px;
                    }
                    @media (min-width: 1200px) {
                        font-size: 36px;
                    }
                }
                .viewall  {
                    text-decoration: underline;
                    text-transform: lowercase;
                }
            }
            .block-tab-content{
                margin-bottom: 50px;
                overflow-x: auto;
                padding-bottom: 10px;
                .tabcarousel {
                    display: flex;
                    gap: 20px;
                    .product-item {
                        flex: 0 0 100%;
                        max-width: 100%;
                        display: flex;
                        flex-direction: column;
                        @media (min-width:768px) {
                            flex: 0 0 50%;
                            max-width: 50%;
                        }
                        @media (min-width:1200px) {
                            flex: 0 0 25%;
                            max-width: 25%;
                        }
                    }
                }
            }
        }
    }
}
/* Category Landing page End */