.erf-grid { display:flex; flex-wrap:wrap; gap:16px; }
.erf-card { width: 180px; border:1px solid #e1e1e1; border-radius:6px; overflow:hidden; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.05); position: relative; }
.erf-thumb { position: relative; }
.erf-thumb img { width:180px; height:180px; object-fit:cover; display:block; }
.erf-meta { padding:8px; }
.erf-title { font-size:14px; margin:0 0 6px 0; line-height:1.2; height:34px; overflow:hidden; }
.erf-price { font-weight:bold; margin-bottom:4px; }
.erf-cond { color:#666; font-size:12px; }
.erf-pagination { margin-top:12px; }
.erf-page { margin-right:8px; text-decoration:none; }
.erf-page-current { margin:0 8px; font-weight:bold; }
.erf-results-wrapper { margin:12px 0; }
.erf-controls { margin-bottom:8px; }
.erf-table-img { max-width:80px; max-height:80px; width:auto; height:auto; display:block; border-radius:4px; border:1px solid #e1e1e1; }
.erf-table td { vertical-align:middle; }

/* Relevance Score Indicators */
.erf-relevance { 
    display: inline-block; 
    padding: 8px 12px; 
    border-radius: 6px; 
    text-align: center;
    min-width: 80px;
    font-weight: bold;
}
.erf-relevance-score { 
    display: block; 
    font-size: 18px; 
    line-height: 1; 
    margin-bottom: 4px;
}
.erf-relevance-label { 
    display: block; 
    font-size: 11px; 
    text-transform: uppercase; 
    letter-spacing: 0.5px;
}

/* Relevance Colors - Table View */
.erf-relevance-green { 
    background-color: #d4edda; 
    color: #155724; 
    border: 2px solid #28a745;
}
.erf-relevance-amber { 
    background-color: #fff3cd; 
    color: #856404; 
    border: 2px solid #ffc107;
}
.erf-relevance-red { 
    background-color: #f8d7da; 
    color: #721c24; 
    border: 2px solid #dc3545;
}

/* Relevance Badge - Grid View */
.erf-relevance-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(0,0,0,0.85);
    color: white;
    padding: 6px 10px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.erf-relevance-badge-green {
    background: #28a745;
    border: 2px solid #fff;
}
.erf-relevance-badge-amber {
    background: #ffc107;
    color: #000;
    border: 2px solid #fff;
}
.erf-relevance-badge-red {
    background: #dc3545;
    border: 2px solid #fff;
}

@media (max-width:480px){ 
    .erf-card{ width:48%; } 
    .erf-thumb img{ width:100%; height:auto; } 
    .erf-table-img{ max-width:60px; max-height:60px; }
    .erf-relevance { min-width: 60px; padding: 6px 8px; }
    .erf-relevance-score { font-size: 14px; }
    .erf-relevance-label { font-size: 9px; }
    .erf-relevance-badge { padding: 4px 8px; font-size: 12px; }
}