/* ══════════════════════════════════════════
   RESTORED: OPINION GRID STYLES
   ══════════════════════════════════════════ */
.opinion-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 26px; }

.opc { 
    background: #fff; 
    border-radius: 9px; 
    padding: 16px; 
    border: 1px solid #e5e7eb; 
    border-top: 3px solid #fb8b01; 
    cursor: pointer; 
    box-shadow: 0 1px 4px rgba(0,0,0,0.08); 
    transition: transform .22s, box-shadow .22s; 
    display: flex; 
    flex-direction: column;
}

.opc:hover { transform: translateY(-3px); box-shadow: 0 4px 20px rgba(0,0,0,0.1); }

.op-ath { 
    display: flex; 
    align-items: center; 
    gap: 10px; 
    margin-bottom: 12px; 
    padding-bottom: 12px; 
    border-bottom: 1px solid #e5e7eb; 
}

.op-av { 
    width: 44px !important; 
    height: 44px !important; 
    border-radius: 50% !important; 
    border: 2px solid #fb8b01 !important; 
    flex-shrink: 0 !important; 
    object-fit: cover !important;
    padding: 0 !important;
    display: block !important;
}

.op-nm { font-size: 13px; font-weight: 700; color: #111; }
.op-rl { font-size: 10.5px; color: #9ca3af; margin-top: 2px; }
.op-ttl { font-size: 14px; font-weight: 700; line-height: 1.6; color: #111; margin-bottom: 8px; }
.opc:hover .op-ttl { color: #fb8b01; }
.op-txt { font-size: 12px; color: #4b5563; line-height: 1.75; }
.op-cta { font-size: 11.5px; font-weight: 700; color: #1e73be; margin-top: 10px; display: flex; align-items: center; gap: 3px; }

@media(max-width:900px) { .opinion-grid { grid-template-columns: repeat(2, 1fr); } }
@media(max-width:640px) { .opinion-grid { grid-template-columns: 1fr; } }