/* Responsive Grid Layout */
.product-tags-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
}

.tag-item {
    flex: 0 0 calc(25% - 15px); /* 4 items per row (desktop) */
    text-align: center;
}

.tag-image {
    width: 100%;
    padding-top: 100%; /* 1:1 aspect ratio */
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.tag-image:hover {
    transform: scale(1.05);
}

.tag-name {
    margin-top: 12px;
    font-weight: bold;
    font-size: 16px;
}

/* Tablet (768px) */
@media (max-width: 768px) {
    .tag-item {
        flex: 0 0 calc(33.33% - 15px); /* 3 items per row */
    }
}

/* Mobile (480px) */
@media (max-width: 480px) {
    .tag-item {
        flex: 0 0 calc(50% - 15px); /* 2 items per row */
    }
}