/* Container for all similar products */
.similar-products-container {
    margin: 20px 0;
}

/* Flexbox layout for product bubbles */
.product-bubbles {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

/* Individual product bubble styling */
.product-bubble {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;           /* Makes the image circular */
    overflow: hidden;             /* Clips image to circle */
    border: 2px solid #ddd;
    transition: transform 0.2s ease;
    text-decoration: none;
}

/* Hover effect - bubble grows and border changes color */
.product-bubble:hover {
    transform: scale(1.1);
    border-color: #007cba;
}

/* Ensure images fill the circular container */
.product-bubble img {
    width: 100%;
    height: 100%;
    object-fit: cover;            /* Crop image to fit circle */
}

/* Mobile responsive - smaller bubbles on mobile */
@media (max-width: 768px) {
    .product-bubbles {
        gap: 10px;
    }

    .product-bubble {
        width: 50px;
        height: 50px;
    }
}