/* Producty Boxes Main Styles */

/* Common styles for all product boxes */
.producty-box {
    width: 100% !important; /* Ensure 100% width */
    margin-bottom: 30px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

/* Product list container */
.producty-list {
    width: 100% !important; /* Ensure 100% width */
}

/* Product label styling */
.product-label {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
    position: absolute;
    top: 15px;
    left: 15px; /* Position label on the left side */
    z-index: 2;
}

/* Product title */
.producty-box .product-title {
    font-weight: 700;
    margin-bottom: 10px;
}

.producty-box .product-title a {
    text-decoration: none;
}

/* Product description */
.producty-box .product-description {
    margin-bottom: 15px;
}

/* USP points */
.producty-box .usp-points {
    margin-bottom: 15px;
}

.producty-box .usp-point {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.producty-box .usp-point i {
    color: #5cb85c;
    margin-right: 10px;
}

/* Star rating */
.producty-box .star-rating {
    margin-bottom: 15px;
    color: #ffc107;
}

/* Product image */
.producty-box .product-image {
    align-items: flex-start !important; /* Align image to the top */
    display: flex;
    justify-content: center;
    height: 100%;
}

.producty-box .product-image img {
    max-width: 100%;
    height: auto;
}

/* Button styling */
.producty-box .product-button {
    display: inline-block;
    padding: 8px 20px;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    transition: background-color 0.3s;
}

.producty-box .product-button:hover {
    background-color: #0056b3;
}

/* Responsive styles */
@media (max-width: 767px) {
    .producty-box .row {
        flex-direction: column-reverse;
    }
    
    .producty-box .product-image {
        margin-bottom: 20px;
    }
}