/* Responsive styles for featured products and related products */

/* Default styles for larger screens */
.related-products {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
}

.related-products a {
    flex: 1 1 30%;
    min-width: 100px;
    max-width: 30%;
    margin-bottom: 15px;
    box-sizing: border-box;
    text-align: center;
    color: #000;
    text-decoration: none;
}

.related-item {
    width: 100%;
}

.related-item img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

/* Tablet styles */
@media (max-width: 767px) {
    .related-products a {
        flex: 1 1 45%;
        max-width: 45%;
    }
    
    /* Featured products responsive adjustments */
    .featured-products .row {
        flex-direction: column;
    }
    
    .featured-products .col-4,
    .featured-products .col-8 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    .product-image {
        text-align: center;
        margin-bottom: 20px;
    }
    
    .product-image img {
        max-width: 80%;
        margin: 0 auto;
    }
}

/* Mobile styles */
@media (max-width: 479px) {
    .related-products a {
        flex: 1 1 100%;
        max-width: 100%;
    }
    
    .related-item {
        max-width: 250px;
        margin: 0 auto;
    }
    
    /* Featured products additional mobile adjustments */
    .title-nav-wrapper {
        flex-direction: column;
        align-items: flex-start !important;
    }
    
    .custom-nav {
        margin-top: 10px;
        align-self: center;
    }
    
    .product-info .description {
        text-align: left;
    }
}