.detail-thumb-active { opacity: 1 !important; border-color: var(--primary) !important; }
.spec-row { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0.75rem; border-bottom: 1px solid #f1f5f9; font-size: 0.8125rem; transition: background .15s; border-radius: 0.375rem; }
.spec-row:hover { background: #f8fafc; }
.spec-row:last-child { border-bottom: none; }
.spec-label { color: #94a3b8; }
.spec-value { font-weight: 600; color: #334155; text-align: right; }
.info-badge { display: inline-flex; align-items: center; gap: 0.375rem; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 0.5rem; padding: 0.5rem 0.75rem; font-size: 0.8125rem; color: #475569; }
.info-badge i { color: #94a3b8; font-size: 0.75rem; }
.tab-btn { padding: 0.625rem 1.25rem; font-size: 0.8125rem; font-weight: 600; color: #64748b; border-bottom: 2px solid transparent; transition: all .2s; cursor: pointer; white-space: nowrap; }
.tab-btn:hover { color: var(--primary); background: #fff; }
.tab-btn.active { color: var(--primary); border-color: var(--primary); background: #fff; }
.feature-tag { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.375rem 0.75rem; border-radius: 0.5rem; font-size: 0.75rem; font-weight: 500; }
.feature-tag.yes { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.feature-tag.no { background: #fafafa; color: #cbd5e1; border: 1px solid #e2e8f0; }
.sidebar-card { background: #fff; border-radius: 1rem; border: 1px solid #e2e8f0; overflow: hidden; }
.sidebar-card-header { padding: 0.875rem 1.25rem; font-weight: 700; font-size: 0.875rem; color: #1e293b; background: #f8fafc; border-bottom: 1px solid #f1f5f9; display: flex; align-items: center; gap: 0.5rem; }
.sidebar-card-body { padding: 1rem 1.25rem; }