/* QAFlow - products.php listing page
   Extracted from inline style="" attributes. Static values are plain
   classes; the product slider background image is a genuinely dynamic
   per-record value (arbitrary uploaded image URL) so it's applied via a
   data-bg-url attribute + tiny runtime JS block (same technique already
   used in blog.php for featured images), not a style="" attribute. */

.prod-slide-catbadge {
    background: #6366f1;
}

.prod-page-title {
    font-size: clamp(1rem, 4vw, 1.5rem);
}

.prod-search-category-select {
    max-width: 160px;
    border-right: 2px solid #adb5bd !important;
}

.prod-empty-icon {
    font-size: 60px;
}

.prod-brand-label {
    font-size: 0.7rem;
    letter-spacing: 0.5px;
}

.prod-card-title {
    font-size: 1rem;
}

.prod-category-badge {
    white-space: nowrap;
}

.prod-line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card.prod-cta-card {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    border: none;
    border-radius: 12px;
    overflow: hidden;
}

.prod-cta-text {
    opacity: 0.85;
}

.prod-rating-label {
    cursor: pointer;
}

.prod-rating-star {
    font-size: 0.85rem;
}