/* 1. Product card wrapper and container */
.product-item, .s-product-card, div[class*="product-card"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

/* 2. Make product images square with sharp corners */
.product-item img, .s-product-card img, div[class*="product-card"] img {
    border-radius: 0px !important;
    object-fit: cover !important;
}

/* 3. Style product title and price below the image */
.product-item .product-title, .s-product-card .product-title, div[class*="product-card"] .title {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #111111 !important;
    text-align: center !important;
    margin-top: 8px !important;
}

.product-item .product-price, .s-product-card .price, div[class*="product-card"] .price {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    text-align: center !important;
}

/* 4. Style wishlist (heart) button over the image corner */
.product-item .wishlist-btn, .s-product-card .wishlist-btn, button[class*="wishlist"] {
    background: rgba(0, 0, 0, 0.3) !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    padding: 6px !important;
}