/*
.productimg-wrapper{
  position: relative;
  width: 200px;
  height: 200px;
}

.productimg-wrapper img{
  position: absolute;
  top: 50%;
  margin-top: -50px ;
}

*/

.productlist-unit {
    border-right: 1px solid #ccc; /* Adds a line to the right of each product */
    border-bottom: 1px solid #ccc; /* Adds a line below each product */
    box-sizing: border-box; /* Ensures padding and borders are included in the total width and height */
}

/* If you're using a 4-column layout on large screens, you might want to remove the right border on every 4th item */
@media (min-width: 992px) { /* This corresponds to Bootstrap's large devices */
    .productlist-unit:nth-child(4n) {
        border-right: none; /* Removes the right border on every 4th item */
    }
}

/* Adjusting for different screen sizes */
/* This is just an example for large screens. You will need to adjust for other sizes based on your grid layout */
@media (max-width: 991px) {
    .productlist-unit {
        border-right: none; /* Assuming a single column layout on smaller screens */
    }
}
.p-product-simple_explain {
  font-size: 10px;
  color: #565959 !important;
}
