/* Product Motif Variations - Frontend Styles */

.pmv-injected-spec {
    display: block;
    margin-bottom: 8px;
    animation: pmvFadeIn 0.4s ease;
}

@keyframes pmvFadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.pmv-injected-spec .meta-label {
    font-weight: 600;
    color: #333;
    margin-right: 4px;
}

.pmv-injected-spec span:not(.meta-label) {
    color: #666;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .pmv-injected-spec {
        font-size: 14px;
    }
}