.accessories-page .mens-bag {
    background-image: url('/assets/img/pages/category/bags/mens-bag.webp');
    background-position: center;
    background-size: cover;
}

.accessories-page .women-bag {
    background-image: url('/assets/img/pages/category/bags/women-bag.webp');
    background-position: center;
    background-size: cover;
}

.accessories-page .women-jewellery {
    background-image: url('/assets/img/pages/category/jewellery/jewel-women.webp');
    background-position: center;
    background-size: cover;
}

.accessories-page .mens-jewellery {
    background-image: url('/assets/img/pages/category/jewellery/men-jewellery.webp');
    background-position: center;
    background-size: cover;
}

.accessories-page .categories-box {
    height: 642px;
}

.accessories-page .categories-box .category {
    font-size: 50px;
    width: 50%;
}

.accessories-page .box-header {
    height: 642px;
}

.accessories-page .box-header img {
    object-fit: cover;
    object-position: center;
}

.accessories-page .box-header .box-title {
    font-size: 22px;
}

.accessories-page .category-products .products-title {
    font-size: 35px;
    color: var(--title-black);
} 

.accessories-page .products-list {
    padding: 0 20px;
}

.accessories-page .products-list .product-item {
    height: 100%;
}

.accessories-page .products-list .product-image {
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
}

.accessories-page .products-list .placeholder-box {
    width: 100%;
    height: 100%;
    background-color: #e0e0e0;
}

.accessories-page .products-list .product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.accessories-page .products-list .product-name {
    font-size: 16px;
    color: var(--title-black);
    width: 100%;
}

.accessories-page .products-list .product-price {
    font-size: 18px;
    color: var(--title-black);
    width: 100%;
}

@media (max-width: 768px) {
    .accessories-page .categories-box {
        height: fit-content;
    }
    .accessories-page .categories-box .category {
        width: 100%;
        font-size: 22px;
        height: 420px !important;
    }
    .accessories-page .box-header {
        height: 320px;
    }
    .accessories-page .mens-bag {
        background-position: top;
    }
}

@media (max-width: 576px) {
    .accessories-page .products-list {
        padding: 0 16px;
    }
    .accessories-page .products-list .row {
        margin: 0 -7.5px;
    }
    .accessories-page .products-list .col-6 {
        padding: 0 7.5px;
    }
}