.bg-light {
    background-color: #fcfcfc;
}

.box-product {
    border: 1px solid #f4f4f4;
}

.box-product::after {
    content: ""; /* Required for pseudo-elements */
    position: absolute; /* Position the overlay absolutely */
    top: 0; /* Position the overlay from the top */
    left: 0; /* Position the overlay from the left */
    width: 100%; /* Cover the entire width of the box */
    height: 100%; /* Cover the entire height of the box */
    background-color: rgba(188, 188, 188, 0.1); /* Black overlay with 50% opacity */
    pointer-events: none; /* Allows click events to pass through the overlay */
}

.category-active {
    color: #e97730 !important;
    font-weight: bold !important;
}

.pagination .page-link {
    color: #e97730; /* Change text color */
}

.pagination .page-link:hover {
    color: #fff; /* Change text color on hover */
    background-color: #e97730; /* Change background color on hover */
    border-color: #e97730; /* Change border color on hover */
}

.pagination .page-item.active .page-link {
    background-color: #e97730; /* Change background color of active page */
    border-color: #e97730; /* Change border color of active page */
}

.pagination .page-item.disabled .page-link {
    color: #6c757d; /* Change text color of disabled link */
    pointer-events: none; /* Disable pointer events */
    background-color: transparent; /* Remove background color */
    border-color: #dee2e6; /* Remove border color */
}

.small.text-muted {
    display: none !important;
}